vue实践笔记系列七——webpack打包生产地址与测试地址切换_江南春008_新浪博客

生产与测试地址配置方法，大家应该都清楚如何配置，今天列出这个主题主要是想说明下生成环境带上项目名称如何配置。

1、正常的生成与测试地址配置方法

测试地址：config/dev.env.js

生产地址：config/prod.env.js

 

2、地址不带项目名称，这样配置不会有问题，那带上项目名称如何配置呢？

测试地址：config/dev.env.js

生产地址：config/prod.env.js

这样就结束了么，打包之后会发现访问接口会提示404，查看具体路径发现少了项目名"/cms/"这一层，那该如何解决呢？

在api.js接口配置文件中，定义一个接口地址变了：var urlPrefix=process.env.baseUrl；拼接到接口路径中

或者在自定义的http请求中，以axios为例，可以配置路径前缀为process.env.baseUrl

重新打包编译即可，大功告成！