vue配置反向代理 devServer配置proxy

vue本地開發(fā),請求線上域名會存在跨域問題,可在devServer里配置proxy解決

// .env.development文件內(nèi)配置
VUE_APP_BASE_API = '/api' // base api
VUE_APP_URL = 'http://www.xxx.com' // 線上地址
// vue.config.js文件
module.exports = {
//.....
  devServer: {
    host: 'localhost',
    port: 8080,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: process.env.VUE_APP_URL, // 請求到/api/xx 就會被代理到http://www.xxx.com/api/xxx
        //  secure: false, // 如果是https接口,需要配置這個參數(shù)
        changeOrigin: true, // 接口跨域 需打開這個參數(shù)
        pathRewrite: {
          ['^/' + process.env.VUE_APP_BASE_API]: '' // 忽略前綴/api  則會被代理到http://www.xxx.com/xxx
        }
      }
    }
  },
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容