vue開發環境和生產環境配置

開發環境配置

通常狀況下開發環境是會跨域的，因此咱們只須要在跨域的位置配置便可。進入config/index.js，在proxyTable對象裏面添加代碼，以下

'/api': {
        target: 'http://localhost:8082', //開發環境,設置調用接口域名和端口號別忘了加http
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/' //這裏理解成用‘/api’代替target裏面的地址，組件中咱們調接口時直接用/api代替
          // 好比我要調用'http://0.0.0.0:3000/user/add'，直接寫‘/api/user/add’便可 代理後地址欄顯示/
        }
      }

生產環境配置

進入config/prod.env.js，添加屬性BASE_API爲本身的生產環境地址便可，以下

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  BASE_API: '"http://192.168.1.11:8080"',
}

調後臺接口

新建request.js文件

import axios from 'axios'

// 建立axios實例
const service = axios.create({
  baseURL: process.env.NODE_ENV==='production' ? process.env.BASE_API : "/api",
  timeout: 20000
})