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文件夾

 

 把這個文件夾放到生產服務器中就可以了