Vue項目中的http請求統一管理

module.exports = {
  dev: {
    // Paths
    assetsSubDirectory: '/',
    assetsPublicPath: '/',
    proxyTable: {
        /open':{
            target:"https://www.sojson.com/",  // 目標
            changeOrigin: true, //是否跨域
            pathRewrite: {
                '^/open': '/open' 
            }
      }
    }
}

  this.$ajax({
              method: "post",
              url: '/open/api/weather/json.shtml'，
              params: {
                city: '北京'
              }
            })then(({data}) => {
                if (data.message === "success") {
                  console.log(data.data)
                } 
              });

https://www.jianshu.com/p/495535eb063e vue項目使用webpack-dev-server調用第三方接口跨域配置

 

 

https://blog.csdn.net/tom_wong666/article/details/84933319 集中管理Vue項目中的http請求
https://www.cnblogs.com/ljx20180807/p/9799545.html Vue + webpack 項目配置化、接口請求統一管理
https://www.jianshu.com/p/57a5d4c35603 vue-cli項目中axios接口封裝以及api的統一管理
https://www.jianshu.com/p/72d911b6d61d vue-cli項目中axios接口封裝以及api的統一管理
https://www.jb51.net/article/145341.htm vue中Axios的封裝與API接口的管理詳解
https://blog.csdn.net/qq_40128367/article/details/82735310 在vue項目中：統一封裝 Axios 接口與異常處理