vue.config.js跨域转发不生效的问题

桃扇骨 2023-01-11 08:40 61阅读 0赞

这个问题困住了我近一天 太深刻了 由于跟着教程走的

学的时候学的是vue2 但教程用的是3

后来查了很久才发现 3新增了这个vue.config.js配置文件

所以改用2的跨域解决办法

终于解决了

以下是vue.config.js跨域 需要和src同级目录 且重启生效

let proxyObj = { }
    
    proxyObj['/'] = { 
    //目标地址
      target: 'http://localhost:8081',
    //发送请求头中host会设置成target
      changeOrigin: true,
    //不重写请求地址
      pathRewrite: { 
        '^/': '/'
      }
    }
    module.exports = { 
      devServer: { 
        host: 'localhost',
        port: 8080,
        proxy: proxyObj
      }
    }

以下是vue2的跨域转发 配置在index.js里 应该也要重启下

设置下代理  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDM1MzUwNw_size_16_color_FFFFFF_t_70]

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

由于本人学的也不是很精 只能草草给出这种问题解决的一个方案 不能细细解释 见谅

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDM1MzUwNw_size_16_color_FFFFFF_t_70]: /images/20221119/f82351b8b8504a64a2627ab733e0828f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，61人围观）

还没有评论，来说两句吧...

相关阅读

相关 nuxt3：接口转发，实现跨域

一、背景当接口请求的域名和项目适用的域名不一致时候，可以适用接口转发的方法实现跨域。原理：服务的请求接口是不跨域的，nuxt3服务端请求接口后转发给localhost:

た入场券/ 2024年03月27日 17:12/ 0 赞/ 74 阅读

相关【跨域】如何解决跨域问题

同源策略同源相同协议+相同域名+相同端口内容 [浏览器的同源策略 - Web 安全 | MDN (mozilla.org)][- Web _ _

超、凢脫俗/ 2024年03月16日 13:32/ 0 赞/ 130 阅读

相关跨域、跨域问题

跨域(CORS)是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the

朴灿烈づ我的快乐病毒、/ 2023年09月27日 00:59/ 0 赞/ 195 阅读

相关 vue.config.js跨域转发不生效的问题

这个问题困住了我近一天太深刻了由于跟着教程走的学的时候学的是vue2 但教程用的是3 后来查了很久才发现 3新增了这个vue.config.js配置文件所以改用2

桃扇骨/ 2023年01月11日 08:40/ 0 赞/ 62 阅读

相关 vue config.js 配置跨域不生效

vue config.js 配置跨域不生效首先，我的config.js文件没有问题 module.exports = { devServer:

超、凢脫俗/ 2022年12月25日 15:57/ 0 赞/ 186 阅读

相关跨域问题

要解决跨域问题先来看看什么是同源策略。同源策略如果两个页面的协议，端口（如果有指定）和域名都相同，则两个页面具有相同的源。下表给出了相对`http://s

川长思鸟来/ 2022年03月12日 06:27/ 0 赞/ 315 阅读

相关跨域问题

确实，我们这种搬砖工人就是为了混口饭吃嘛，好好的调个接口告诉我跨域了，这种阻碍我们轻松搬砖的事情真恶心！为什么会跨域？是谁在搞事情？为了找到这个问题的始作俑者，请

ゝ一世哀愁。/ 2022年01月14日 13:01/ 0 赞/ 353 阅读

相关跨域问题

跨域是个老生常谈的跨题。今天在我们后端的帮助和配合下，对跨域又多了一层认识。感觉对于每件事，只要是从3个方面（what,why,how）去理解，都会对其有个基本（70

r囧r小猫/ 2022年01月06日 13:43/ 0 赞/ 330 阅读

相关跨域问题

1、浏览器的同源安全策略没错，就是这家伙干的，浏览器只允许请求当前域的资源，而对其他域的资源表示不信任。那怎么才算跨域呢？ 1. 请求协议`http,https`的

约定不等于承诺〃/ 2021年09月28日 14:54/ 0 赞/ 440 阅读

相关跨域问题

一.http （一）.http请求的推演过程 1. url(www.baidu.com) =>进行DNS域名解析 => 得到 ip (192.1

一时失言乱红尘/ 2021年09月03日 08:04/ 0 赞/ 696 阅读