一、axios数据请求封装
env.js
request.js
api.js
二、生产环境,开发环境切换
1.第一种方法:通过配置.env文件来实现
参考:https://cli.vuejs.org/zh/guide/mode-and-env.html
第二种方法
第一步:通过创建不同环境js文件,再通过cross-env来切换
config
dev.js
prod.js
dev.js
module.exports = {
BASE_URL: “https://test.365msmk.com”
};
prod.js
module.exports = {
BASE_URL: “https://www.365msmk.com”
};
第二步:安装cross-env并在package.json中配置要传递的参数
npm install cross-env -D
package.json中配置
“scripts”: {
“serve”: “cross-env BUILD_ENV=dev vue-cli-service serve”,
“build”: “cross-env BUILD_ENV=prod vue-cli-service build”
}
第三步:修改vue.config.js添加对webpack的配置
module.exports = {
…
chainWebpack: config => {
config.plugin(“define”).tap(args => {