vue中开发环境和测试环境配置 跨域请求相

做项目时出现测试地址和生产环境的地址不一样，然后做了如下配置

 

 文件名：api.config.js

文件中代码：

　　

 

 

const isPro = Object.is(process.env.NODE_ENV, 'production')

console.log(isPro);

module.exports = {
  baseUrl: isPro ? '生产上线后的地址' : '/api'
}

 

 

import axios from 'axios'
import apiConfig from '../config/api.config'
Vue.prototype.$axios = axios
axios.defaults.baseURL = apiConfig.baseUrl// 配置接口地址

 

 

 

 

 

 

 

 具体执行

　　如果是测试环境就直接npm run dev
　　如果是生产环境就 npm run build prod

　　然后会目录中会出现dist文件夹

 

 把这个文件夹放到生产服务器中就可以了