1.利用vue-cli来创建一个项目
vue init webpack test2
(若npm缓慢,可:npm --registry http://registry.cnpmjs.org)
2.本地运行项目
npm run dev
3.build项目
npm run build
完成后,dist目录天生,可在本地打开index.html,若涌现资源路径缺点,则须要修正配置:config/index.js,然后重新build。
chrome devtools
config/index.js
4.上传build天生的文件目录到做事器(xshell + xftp)
上传dist目录到做事器
在home下新建目录:/apps/vuecliprj/,并将dist目录上传(亦可用其他路径)
5.配置nginx做事器
nginx.conf
6.重启nginx,然后访问做事器ip
/usr/local/nginx/sbin/nginx -s reload #重启/usr/local/nginx/sbin/nginx -t #测试配置