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

前端vue支持nginx 跨域

程序员文章站 2022-05-15 13:45:40
...

在vue项目的config目录下的index.js文件夹下,添加如下配置

proxyTable: {
      '/api':{//配置代理地址,前端请求的所有接口都需要带的前缀
          target:'http://localhost:8889',
          changeOrigin:true,//是否进行跨域
        secure: false,
        pathRewrite: {//我使用了 nginx 作为反向代理,所以,需要把前缀替换为nginx 配置中的代理路径
          '^/api':'/api',//服务器请求地址中,若没有/api ,则替换为 /
        }
      }
    },
相关标签: vue教程