奇葩问题：前端vite.config.js 代理不生效

最新推荐文章于 2024-10-08 12:57:11 发布

KK咕咕咕gugugu

最新推荐文章于 2024-10-08 12:57:11 发布

阅读量1.2k

点赞数 1

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/asdasduyggbjb/article/details/134384792

版权

配置如下：

  server: {
    port: 5173,
    proxy: {
      '/api': {
        target: 'http://localhost:9090/',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    }
  },

错误提示：

具体原因不明......

解决方式：

将locahost换成127.0.0.1即可

  server: {
    port: 5173,
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:9090/',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    }
  },

原链接：记录一次vite代理不成功的奇葩问题

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

KK咕咕咕gugugu

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

关于配置 vite 的 proxy 然而并不起作用的问题

https://github.com/QAQDFAFD

03-05

1968

【代码】关于配置 vite 的 proxy 然而并不起作用的问题。

Vue使用Proxy代理后仍无法生效的解决

01-21

vue.js 配置了前端代理却未能生效记录一下最近踩得小坑：配置完代理后请一定重新执行（重要，非常重要！） npm run dev 若重新执行命令后，代理仍为生效，请按下方步骤进行检查：检查index.js文件中的代理是否配置正确，示例如下： proxyTable: { '/api': { //代理标识 target: 'http://xxx.xxx.xxx',//指向的实际地址 changeOrigin: true, // 允许跨域 pathRewrite: { // 标识替换 // 原请求地址为 /api/getData 将'/api'替换''时

参与评论您还未登录，请先登录后发表或查看评论

vue 踩坑记录

caperxi的博客

09-04

672

proxy的changeOrigin如果设置为false：请求头中host仍然是浏览器发送过来的host；如果设置成true：发送请求头中host会设置成target。设置代理，并把changeOrigin设为true。允许axios请求携带cookie等凭证。

vite.config.js配置(大坑)

web18484626332的博客

02-23

1924

配置 import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; export default defineConfig({ plugins: [vue()], // 配置需要使用的插件列表 // 本地运行配置，及反向代理配置 server: { host: 'localhost', // 指定服务器主机名 port: 8080, // 指定服务器端口 open: true, // 在服务器启动时自动

vue3通过vite.config.js通过代理配置跨域

qq_46159283的博客

05-03

1460

封装的axios拥有baseUrl，所以不会重写路径.如果拥有封装好的axios,需要将啊ingbaseUrl删掉。

vite.config.js配置-解决跨域问题，以及@vitejs/plugin-vue等报错

最新发布

lbcbjtlhmjq的博客

10-08

1165

本博客涵盖：什么是跨域问题、产生跨域问题的原因（浏览器同源策略）、前端解决跨域问题的原理、配置代理服务器解决跨域问题的方法，以及整个过程中可能踩到的坑

Vue3配置vite.config.js代理解决跨域问题

共同学习，共同成长

08-13

452

当浏览器发出一个请求时，只要请求URL的协议、域名、端口三者之间任意一个与当前页面URL不同，就称为跨域。跨域一般出现在开发阶段,由于线上环境前端代码被打包成了静态资源,因而不会出现跨域问题,这篇文章主要给大家介绍了关于Vue3配置vite.config.js解决跨域问题的相关资料

关于 vite.config.js 相关配置，拿走不谢

m0_54849806的博客

03-09

1442

使用 vite 创建项目完成后会自动生成一个 vite.config.js 代码如下： import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig({ plugins: [vue()], }) 当以命令方式运行 vite 时，vite 会自动解析项目根目录下 vite.config.js 的文件。配置不全时，在开发环境下运行都是正常的，但是打包上线的时候就会出

Vue3.0+vite vite.config.ts配置与env

qq_42396791的博客

03-15

1504

【代码】Vue3.0 vite.config.ts配置。

在vite.config.js 配置代理

m0_73481765的博客

01-20

2998

这可以让你在开发时将特定的请求代理到其他服务器或本地端口，而不需要修改源代码。下面是一个示例和说明，帮助你了解如何配置代理。请注意，代理功能仅在 Vite 开发模式下生效。在生产构建或部署时，代理设置将不会生效。你可以根据自己的需求修改代理规则，例如添加更多的代理路径或修改目标地址。这样配置后，当你运行 Vite 开发服务器时，所有发送到。在上面的示例中，我们配置了一个代理规则，将所有以。开头的请求路径替换为空字符串，即去掉。选项用于定义路径重写规则，这里将。在 Vite 中，你可以使用。

Vue3 配置 vite.config.js 解决跨域问题

一名全栈小白的博客

03-04

2903

Vue3 配置 vite.config.js 解决跨域问题

vue.config.js代理配置不生效，搞不明白了

Kg_tac的博客

08-04

356

搞不明白了跨域设置完全不生效。

Vue Cli3.0以上配置vue.config.js时候的Proxy不成功问题的解决方法的参考

lichunjiang_的博客

07-21

3434

Vue Cli3.0以上配置vue.config.js时候的Proxy不成功问题的解决方法的参考首先vue.config.js这个文件得放在根目录，就是和Package.json一样的地方 module.exports = { publicPath:"./", devServer:{ port: 8848, open: true, //浏览器自启动 // 配置的代理接口，每改一点，都得重启vue项目。 proxy:{ //配置代理 "/a

vite.config.js配置代理

07-27

你可以在 `vite.config.js` 文件中配置代理。以下是一个示例配置： ```javascript // vite.config.js export default { server: { proxy: { '/api': { target: 'http://api.example.com', // 代理的目标地址 changeOrigin: true, rewrite: (path) => path.replace(/^\/api/, '') // 可选的路径重写规则 } } } } ``` 在上面的示例中，所有以 `/api` 开头的请求将被代理到 `http://api.example.com`。`changeOrigin` 选项用于修改请求头中的 `Host` 字段，以便目标服务器能正确识别请求的域名。`rewrite` 选项用于将请求路径重写为目标服务器所期望的格式。你可以根据需要添加更多的代理规则，每个规则都是一个键值对，其中键是匹配的路径前缀，值是代理的目标地址。更多关于 Vite 代理配置的信息可以参考 Vite 官方文档：[https://vitejs.dev/config/#server-proxy](https://vitejs.dev/config/#server-proxy)。