vue设置代理实现跨域，与jq用nginx设置代理实现跨域

最新推荐文章于 2024-08-20 15:02:23 发布

_六月

最新推荐文章于 2024-08-20 15:02:23 发布

阅读量1.7k

点赞数 1

分类专栏： js 文章标签： vue nginx 跨域

本文链接：https://blog.csdn.net/qq_33242730/article/details/79911421

版权

本文介绍了如何使用Vue配置代理来实现跨域请求，以及讲解了Nginx服务器设置代理路径的方法，包括在Vue的config/index.js中配置代理和在Nginx的nginx.conf文件中修改location实现跨域。请注意，这些操作需在服务器环境下进行，如Vue通过npm run dev启动，Nginx启动应用程序，并确保端口号正确配置。

摘要由CSDN通过智能技术生成

一、vue。
vue跨域很简单，估计内部配置过反代服务器了，直接配置代理就行了
config目录下的index.js文件

proxyTable: { // 设置代理
        '/api':{  // 代理名称
            target: 'http://...',    // 目标地址
            changeOrigin: true,  
            pathRewrite: {   // 重定向
                '^/api': ''  
            }  
        }
    }
// 组件中使用
axios({
            method: 'get',
            url: '/api/...',
        })