关于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)来读取。