1.利用vue-cli来创建一个项目

vue init webpack test2

(若npm缓慢,可:npm --registry http://registry.cnpmjs.org)

nginxvuephp6nginx安排vue项目 Bootstrap

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 #测试配置