Vue连接获取服务端Node.js中创建的api - 宝塔面板.docx - Word

首先引入express框架

  • 安装命令
// 非全局安装,安装在当前项目下
npm install express

在项目下新建一个server.js 文件,编辑内容

// node api
//第一个引入express框架
const express = require('express')
//第二 把express 方法赋值给app 
const app = express()
// 创建一个接口,'*'为所有访问来源
app.get('*', (req, res) => {
    if (req.originalUrl == '/favicon.ico') {
         //防止node在请求时多输出一个favicon.ico请求
    }else{
        console.log('服务被请求:','http://服务器ip或域名:8082'+req.originalUrl)
    }
    //当请求来源为 http://服务器ip或域名:8082/foodList时
    if (req.originalUrl == '/foodList') {
       //这里我们自定义一个字符串 
       const json = [
            { id:1,name:'麻辣烫'},
            {id:2,name:'鱼香肉丝'}, 
            {id:3,name:'烧烤'},
        ]
        res.send(json)  //向客户端发送数据
    }
})

//第三步监听我的端口,8082可自定义
app.listen(8082, () => {
	console.log('服务已启动!8081');
});

<font color='red'>记住将监听的端口放行,并检查策略组是否放行</font>

宝塔面板软件商店中安装PM2管理器

  • 添加刚刚编辑的server.js
  • 设置端口为自定义并放行的端口
  • 在日志 => 错误查看是否有错误提示,若无则往下看
  • 在日志 => 运行中查看服务是否显示已启动

最后访问 http://服务器ip或域名:8082/foodList

成功图片

运行成功!

可以结合我的这个帖子宝塔面板中Node.js连接MySql踩坑 搭配为Vue + node.js + mysql 开发项目

第1页,共1页
本文共0个字符
中文(中国)
辅助功能
文档日期2022-04-19 18:32:04