Vuecli3.x与Node.js项目配置前后端连载

全栈开发过程中，前后端分别采用vue-cli脚手架和Node.js开发。项目启动时，分别在两个终端中启动Node.js后台项目，再在另一个终端中启动vue项目，这样做会比较麻烦，因此就需要前后端连载。

项目根目录下除了client是前端部分，其余为Node后端部分。两个都有一个package,json文件

下面是前后端连载的方式：

1.安装concurrently模块

一定是在项目根目录下执行安装模块命令：

cnpm install concurrently

2.配置client中的package.json:

 "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "start": "npm run serve"
  },

3.配置项目根目录下的package.json:

 "scripts": {
    "client-install": "npm install --prefix client",
    "client": "npm start --prefix client",
    "start": "node server.js",
    "server": "nodemon server.js",
    "dev": "concurrently "npm run server" "npm run client""
  },

4.启动项目：

切换到项目根目录下，执行命令：npm run dev

这样就是项目前后端连载成功：

但是我在第一次连载启动项目时报错某个模块找不到，于是将项目根目录下的node_modules删除后，重新安装(npm install)

然后启动完成。

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/qq_40885461/article/details/89815662
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2021-05-29 22:42:24
阅读 ( 750 )
分类：前端

Vuecli3.x与Node.js项目配置前后端连载

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看