首页 > 编程知识 正文

vue配置多个跨域proxy,浏览器代理设置地址不可用

时间:2023-05-06 12:46:19 阅读:161120 作者:1491

这次给您详细介绍proxyTable代理的跨域使用。 proxyTable代理的跨域使用注意事项有哪些? 介绍实战性的案例。 一起看看吧。

什么是代理域之间

浏览器之间有同源策略,除了一些特殊的例子,出于安全原因不允许在不同的域之间获取数据

在、

代理的跨域原理

代理是指在后端而不是前端发出http请求。 像vue脚手架一样,要运行项目,请输入npm run dev或npm run start。 此命令实际上打开已配置的node服务器。 vue脚手架的代理代表前端通过node发出http请求。 因为不是来自浏览器的请求,所以不是很简单吗?

vue脚手架如何跨域代理,找到config文件夹下的index.js文件,文件中有dev,鲜母鸡找到proxyTable{},将其修改为proxyTable: {

'/api': {

target: 'https://www.xxx.com/',//您要跨越的域

变更单:真,

pathRewrite: {

' ^/api': '/api ',

(,

标题: {

//这里可以装载头部进行设定

}

(,

(,

其中target是您穿越域的地址,/api是您穿越的域下的下一级路径。 如上所述,获取https://www.xxx.com/api下的内容,然后部署ajax软件包axios以进行ajaximport axios from 'axios

axios.get(/getmessage ) (.then ) ) )={} )。

看了这篇文章的事例,我相信你掌握了方法。 更精彩。 请关注php中文网的其他相关文章。

请阅读:

以上是proxyTable代理的跨域使用细节。 请关注php中文网站上的其他相关文章。

本文原创发布了php中文网。 转载请注明出处。 谢谢您的尊重。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。