搭建和部署vue项目

环境

nodejs

• 安装nodejs。
• 卸载nodejs。用于安装失败，清除残留。

vue

• vue运行流程。
  

开发项目

vue-cli

• cnpm安装vue-cli。npm安装成功率较低。

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install vue
cnpm install -g vue-cli

• 初始化项目。

vue init webpack vue

• 启动项目。

npm run dev

• 卸载vue-cli。防止安装失败。

npm uninstall vue-cli -g 

模板

• https://github.com/PanJiaChen/vue-admin-template

部署项目

• 安装nginx。
• 前端部署在nginx。生成的dist目录，复制到nginx目录下。
  • centos7中默认是 /usr/share/nginx/html， 可在Nginx conf中配置

npm install 
npm run build:prod --report

解决问题

跨域

• 解决跨域问题

参考

• vue文档
• vue菜鸟教程
• vue+springboot实现登录
• Element-UI
• vuex文档