關於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)來讀取。