vue 项目在本地开发过程中解决跨越是在config.js中解决的 (如下)
但是在 线上项目中 依旧会有跨域的问题出现
所以我们运用的解决方法是使用 express
目录结构
express.js 主要内容
具体流程如下
1.npm run build 打包前端项目
2.将dist目录和server目录拷到服务器上,(mac 建议使用 FileZilla 上传工具
)
3.连接远程服务器
/home/data/www/ceshi/ (自己建里的项目文件夹)
如果不更改express.js文件不需要重启,否则执行以下命令
3.1.何查node进程是否存在(可不执行)
ps -ef|grep node|grep -v grep
3.2.杀掉原来运行的进程
ps -ef|grep node|grep -v grep|awk '{print $2}'|xargs kill -9
3.3.重启项目 (如果不更改express.js文件不需要重启)
进入到项目文件夹
cd /home/data/www/ceshi/
运行命令
nohup node server/express.js &
(提示 如果报错 一般是 express http-proxy )两个模块没有安装成功,在本项目下具体安装就行
npm install express
npm install http-proxy
具体情况按具体提示操作(有特殊的错误,记得留言让博主也学习学习哦)
自动化部署配置 请参考(vue + node 前端自动化部署到远程服务器 - )