vue跨域配置

洱海之月

已于 2023-01-04 17:55:37 修改

阅读量175

点赞数

CC 4.0 BY-SA版权

分类专栏： vue.js 文章标签： vue.js

于 2023-01-04 17:54:57 首次发布

本文链接：https://blog.youkuaiyun.com/Elegant_Kevin/article/details/128552014

vue.js 专栏收录该内容

7 篇文章

订阅专栏

该文章展示了如何在Vue项目的vue.config.js中配置devServer的proxy，以实现对/api和/plu路径的跨域请求。通过设置target为本地服务器地址，changeOrigin为true，以及pathRewrite来处理URL路径，解决开发环境中的API调用跨域问题。

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

vue.config.js配置

module.exports = {
    devServer: {
        proxy: {
            '/api': {
              target: `http://localhost:4431/api/`, // 这个链接是要代理到的api地址
              changeOrigin: true,
              pathRewrite: {
                '^/api': ''
              }
            },
            '/plu': {
                target: `http://localhost:6546/api/`, // 这个链接是要代理到的api地址
                changeOrigin: true,
                pathRewrite: {
                  '^/plu': ''
                }
              }
          },
      },
}

参考网址

vue中proxyTable配置方法【https://blog.youkuaiyun.com/cxwy_ing/article/details/124426857】

vue 配置proxyTable问题【http://www.devboy.cn/article/305910】

Vue跨域配置【https://blog.youkuaiyun.com/parade0393/article/details/124320202】

vue项目中配置跨域【https://blog.youkuaiyun.com/weixin_47729434/article/details/123683644】

VUE开发笔记【https://blog.youkuaiyun.com/Elegant_Kevin/article/details/110675152】