用vue-cl新构建项目需要修改的配置

最近用vue-cli新搭个项目，记录下过程：

1.使用 vue create 项目名称 创建一个新项目。

2.vue init webpack 项目名称 初始化webpack。（到这步基本的项目结构就出来了）

接下来修改一些配置：

1. build项目后进入页面一片空白，没有请求到静态文件：

   (1) 将config/index.js文件 assetsPublicPath 改成 ‘./’,

   

   (2) build/webpack.prod.conf.js 的 output 对象新增 publicPath:'./'

   

   (3) build/utils.js 新增 publicPath:'../../'

   

2. 代理后端api时出错

   开始时这样写了代理

   

   再配置axios的baseUrl

   

   然后发现请求接口时路径出错，原来是我使用 /automate 做代理，请求接口时没有把它去掉，正确操作应该是 用'^/automate':'', 把'/automate'去掉，这样既能有正确标识，又能在请求接口的时候去掉 automate

   

3. 配置打包测试环境和生产环境时配置的api：

   

   

   

基本改好了之后尝试打测试包和生产包，发现打测试包时 process.env.NODE_ENV 的值还是 production， 原来是在 build/build.js 里有一句代码将环境变量设置为production了，找到这句并把它去掉就好了。

最后项目终于正常跑起来啦！！