vue前端跨域

略懂前端的后端

于 2020-11-02 12:00:22 发布

阅读量216

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/weixin_42048853/article/details/109446090

版权

vue 专栏收录该内容

1 篇文章

订阅专栏

本文记录了vue前端跨域的配置方法。为让后端访问前端资源，需配置跨域支持，可在config文件夹的index.js里找到proxyTable位置进行修改，且修改完配置文件后要重启项目才生效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue前端跨域（记录一下）

修改config文件夹的index.js
为了让后端能够访问到前端的资源，需要配置跨域支持。
在config\index.js 中，找到 proxyTable 位置，修改为以下内容：

 proxyTable: {
      '/api': {
        target: 'http://localhost:8443',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
    }

eg:
 proxyTable: {
        '/user': {
          target: 'http://127.0.0.1:8081',
          //port:8081,
           ws: true,
          changeOrigin: true
        },

        
    },

注意：修改完配置文件必须重启项目才能生效。