使用vue cli开发项目部署

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u013032724/article/details/89082346

部署文件

使用vue cli 开发项目，执行npm run build命令生成dist静态文件，将dist文件包放到服务器中即可。

刚接触webpack，不知道怎么部署前端文件，原以为需要将app文件上传，在 inux上安装node，以及npm install 一系列的包，捣鼓了很久，发现只需要执行 npm run build 将源码打包成一个静态文件即可，上传静态文件dist，将 nginx指向index.html。

跨域问题

实行前后端分离，使用vue init 要安装 webpack版本，避免安装webpack-simple，webpack版本自带跨域处理，在config文件夹下index.js文件中增加配置：

proxyTable: {
　　'/api': {
　　　　target: 'http://116.62.180.238:8081/',
　　　　changeOrigin: true,
　　　　pathRewrite: {
　　　　　　'^/api': ''
　　　　}
　　}
}

另：部署到服务器中，nginx也需要写转换api的代码