devServer之proxy跨域

矫情吗；* 2022-01-22 04:03 251阅读 0赞

## 配置 ##

devServer:{
            contentBase:'./',
            proxy:{
                // 当你请求是以/api开头的时候，则我帮你代理访问到http://localhost:3000
                // 例如：
                // /api/users  http://localhost:3000/api/users
                // 我们真是服务器接口是没有/api的 
                "/api":{
                    target:"http://localhost:3000",
                    pathRewrite:{"^/api":""}
                }
            }
        }

<table> 
 <tbody> 
  <tr> 
   <td> <p><span style="color:#7c79e5;">用代理, 首先你得有一个标识, 告诉他你这个连接要用代理. 不然的话, 可能你的 html, css, js这些静态资源都跑去代理. 所以我们只要接口用代理, 静态文件用本地.</span></p> <p><span style="color:#7c79e5;">‘/api’: {}, 就是告诉node, 我接口只要是’/api’开头的才用代理.所以你的接口就要这么写 /api/xx/xx. 最后代理的路径就是 http://xxx.xx.com/api/xx/xx.</span></p> <p><span style="color:#7c79e5;">可是不对啊, 我正确的接口路径里面没有/api啊. 所以就需要 pathRewrite,用”^/api”:”, 把’/api’去掉, 这样既能有正确标识, 又能在请求接口的时候去掉api.</span><br> ---------------------&nbsp;<br> 作者：zhong242526&nbsp;<br> 来源：CSDN&nbsp;<br> 原文：https://blog.csdn.net/zhong242526/article/details/80403607&nbsp;<br> 版权声明：本文为博主原创文章，转载请附上博文链接！</p> </td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

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

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

相关阅读

相关 vue3配置proxy解决跨域

域问题是前端开发中较常见的问题，因为javascript的浏览器会支持同源策略，如果域名、协议、端口任意不同就会产生跨域，如果非同源，那么在请求数据时，浏览器会在控制台中...

妖狐艹你老母/ 2024年04月20日 08:15/ 0 赞/ 81 阅读

相关 Vite配置Proxy代理解决跨域问题

Vite配置Proxy代理解决跨域问题 1.跨域问题 2.跨域常用解决方案 3.proxy代理的原理 4.Vite中配置代理 4.1.

柔情只为你懂/ 2023年10月11日 22:07/ 0 赞/ 79 阅读

相关 proxy代理解决跨域

vue项目中设置代理 1,config\\index.js下的dev下的proxyTable属性 proxyTable: { '/look'

客官°小女子只卖身不卖艺/ 2023年07月17日 07:00/ 0 赞/ 29 阅读

相关 vue proxy 跨域原理

用法网上很多赘述了原理浏览器会因为同源策略跨域，但服务端不禁止，npm run dev 本来就是运行了服务器，所有利用服务器发送请求即可（将所有请求转发到自己的no

浅浅的花香味﹌/ 2023年01月05日 14:27/ 0 赞/ 181 阅读

相关 Vue devServer.proxy代理配置详解

const proxy = require('http-proxy-middleware'); module.exports = {

￡神魔★判官ぃ/ 2022年12月17日 01:24/ 0 赞/ 301 阅读

相关 Vue之axios请求的跨域proxy设置原理配置

当不同源（ ip,端口,协议有任何一个不一样就是不同源）请求数据时会发生跨域问题所以就要配置跨域问题。在vue.config.js文件下配置： ![在这里插入图片描

朱雀/ 2022年11月21日 04:27/ 0 赞/ 337 阅读

相关 http-proxy-middleware实现跨域；还有直接使用proxy跨域，不通过中间件

一、http-proxy-middleware实现跨域 1、若你想要跨域的网址，能够在当前电脑通过链接访问，那么可以直接在本地新建如下这个文件夹。若你想要跨域的网址，不能够在

梦里梦外;/ 2022年11月20日 02:57/ 0 赞/ 289 阅读

相关 devServer之proxy跨域

配置 devServer:{ contentBase:'./', proxy:{

矫情吗；*/ 2022年01月22日 04:03/ 0 赞/ 252 阅读

相关 proxy跨域

跨域浏览器访问非同源的网址时,会被限制访问,出现跨域问题. 解决方案: 1.[response 添加 header(CORS)][response _ header

男娘i/ 2021年11月01日 10:44/ 0 赞/ 336 阅读

相关跨域之jsonp

先创建一个html文件，代码如下： 1 <body>2 <p>名字：<span id="name"></span></p>3 <script>4 funct

た入场券/ 2021年09月19日 05:24/ 0 赞/ 438 阅读