阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Vue.js 开发时模拟跨域请求

      前端开发时,请求后台接口经常需要跨域,vue-cli 实现跨域请求只需要打开 config/index.js,修改如下内容即可。

      例如要请求的接口 url 为 http://172.3.2.1:8000/look/1

      module.exports = {
          dev:{
              proxyTable:{
                  '/api':{
                      target: 'http://172.3.2.1:8000',
                      changeOrigin: true,
                      pathRewrite: {
                        '^/api': ''
                      }
                  }
              }
          }
      }
      

      如果接口为本地的 express koa 做的接口

      module.exports = {
        dev: {
          // Paths
          assetsSubDirectory: 'static',
          assetsPublicPath: '/',
          //利用proxyTable我们能够将外部的请求通过webpack转发给本地,也就能够将跨域请求变成同域请求了。
          proxyTable: {
            '/api':{
              target: 'http://localhost:3000/',
              changeOrigin: true,
              pathRewrite: {
                '^/api': '/api'
              }
            }
          },
          //...
        }
        //...
      }
      

      注:这只是开发时候使用的,构建后不这么搞;

      目录
      本文目录
      目录