欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue项目如何配置proxyTable解决跨域问题

程序员文章站 2022-03-28 13:52:10
...
  1. 在项目的开发之中,做数据请求的时候,会经常遇到跨域的问题。我们可以在config目录下的index.js文件中,配置proxyTable去解决。

  2. /api 是匹配所有以'/api' 开头的请求路径,target是代理目标的基础路径,changeOrigin是支持跨域,pathRewrite是重写路径,去掉路径中开头的'/api',代码如下所示:

const path = require('path')

module.exports = {
  dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/api': {
        target: 'http://localhost:4000',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
    ......
}