關於vue-cli3跨域配置筆記

vue-cli3跨域配置：
在vue-resource的數據請求中，通常咱們會將請求方式GET/POST修改成jsonp的請求方式就能夠實現跨域。
可是對於只支持GET/POST兩種請求方式的api，修改jsonp，就會出錯。須要進行跨域的配置。
(1)
在文件根目錄下，建立vue.config.js配置文件，具體配置以下：
module.exports={

//將baseUrl：'/api',改成baseUrl：'/'
baseUrl:'/',
devServer:{
    '/api':{
        target:'http://apis.juhe.cn/',
        changeOrigin:true,
        ws:true,
        pathRewrite:{
           '^/api':'' 
        }
         
    }
}}

(2)
在文件根目錄下,建立.env.development 用做開發環境變量設置。
在.env.development文件下設置變量 VUE_APP_BASE_API=/api 便可將devServer的proxy重寫的url賦值給VUE_APP_BASE_API

(3)
讀取配置的變量，經過process.env.VUE_APP_XX(process.env.VUE_APP_BASE_API)來讀取。