nodejs部署vue项目,本地 Node js 启动vue
在本文中，我们只需要一个本地模拟接口，因此我们为自己的测试设置了一个本地节点服务器。示例代码介绍的非常详细，对大家的学习或者工作都有一定的参考价值。让我们和边肖一起学习。
:
目录
1.使用vue-cli scaffold构建vue项目2。使用koa构建节点后端3。在Vue项目中添加后端请求参考资料：前言：本文只需要本地模拟接口，所以我们自己搭建一个本地节点服务器进行测试，从头到尾只记录我们搭建的项目。
1、使用vue-cli脚手架搭建vue项目
1.在桌面上运行cmd，使用命令vue create demo创建一个vue项目演示，并使用插件依赖项的默认配置。
2.成功创建项目后，使用命令cd demo进入demo文件夹，然后使用命令npm run serve启动项目。默认端口是8080。
3.在浏览器中访问http://localhost:8080/，可以看到本地运行的Vue项目。
2、使用koa搭建node后端
1.在桌面运行cmd，输入mkdir koademo创建一个koademo文件夹，输入cd koademo进入文件夹，然后运行npm init初始化；
2.打开koademo文件夹并运行它。
npm i koa
NPM I @ KOA/路由器
安装所需的依赖关系
3.创建新的index.js文件
const Koa=require( Koa )；
const app=new Koa()；
const Router=require( @ KOA/Router )
const router=新路由器()
router.get(/，ctx={
Ctx.body=这是主页
})
router.get(/person ，ctx={
ctx.body={
id: 1，
名称：“艾丽卡”
}
})
应用。使用(router.routes())。使用(router.allowedMethods())
app . listen(3001)；
4.运行nodeindex.js可以访问http://localhost:3001/person的接口数据。
3、Vue项目中添加后端请求
1.使用命令npm install axios为Vue项目安装axios，然后引入main.js并绑定到Vue的原型：
2.添加vue项目的HelloWorld.vue文件中挂载的生命周期的hook函数，使用axios发起get请求。请求接口是api/person。
3.在vue项目的根目录下新建一个vue.config.js，内容如下：
模块.导出={
devServer: {
代理服务器：{
/api: {
Target: 3358localhost: 3001 ，//node . js服务器运行的地址
ws:没错，
changeOrigin:真的，
路径重写：{
/API : 3358 localhost:3001 //路径重写
}
},
}
}
}
4.重启Vue项目，打开控制台，您可以看到请求的数据：
参考资料：
koa.bootcss.com/#
https://www.bbsmax.com/A/6pdD2AWLJw/
https://segmentfault.com/a/1190000009494041
关于local Vue项目要求的local Node.js服务器的配置方法的详细说明，本文到此为止。请搜索我们以前的文章或继续浏览下面的相关文章，以获得更多关于Vue请求的local Node.js配置的信息。希望你以后能支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。