VUE + NODE 前端项目的线上服务部署

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 前端自动化部署到远程服务器 - )

你可能感兴趣的:(VUE + NODE 前端项目的线上服务部署)