devServer代理返回却是404

最新推荐文章于 2023-09-12 15:14:09 发布
原创 最新推荐文章于 2023-09-12 15:14:09 发布 · 4.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react #webapck

本文介绍如何通过添加pathRewrite字段来优化API代理，避免将特定字段传递给被代理服务器，实现路径重写，提升开发效率。参考了webpack官方文档的相关内容。
添加pathRewrite字段

在这里插入图片描述

添加这个字段表示不传递这个字段 给 被代理的服务器

如果您不想/api传递，我们需要重写路径

参考webpack官方文档

devServer的proxy导致的404问题
qq_31404277的博客
03-11 2159
devServer: { proxy: { '/sso':{ // target:'http://192.168.0.200:10016', target:'http://192.168.0.156:20016', // target:'http://192.168.0.151:10016', changeOrigin:true,
webpack5学习与实战-（十一）-devServer
weixin_42349568的博客
04-05 2195
devServer: { // 任意的 404 响应都被替代为 index.html // 基于node connect-history-api-fallback包实现，主要应用于history路由刷新页面404的场景 historyApiFallback: true, compress: true,//为响应增加gzip压缩 // 在所有响应中添加首部内容 headers: { "X-Custom-Foo": "test-header" .
在vue-cli3.x中devServer配置后，请求报404
qwqasd123456的博客
09-16 4276
在vue.config.js中的deServer配置了proxy，如 但是在请求的时候报404错误，试了一下其中的方案，有一些是无效的。解决方案如下 有pathRewrite的话，需要在target那里加上/sxxj4t 或者把pathRewrite改成 还可以直接去掉pathRewrite属性。 原因是 pathRewrite这个属性是重新这个定义路径，如果你的路径是不需要...
webpack-dev-server 404 找不到文件
enternal07的专栏
06-26 2133
webpack-dev-serverserves bundled files from the directory defined inoutput.path, i.e., files will be available underhttp://[devServer.host]:[devServer.port]/[output.publicPath]/[output.filename]
vue通过代理devServer 解决跨域问题 与 配置代理后打包部署报错404的解决方法
oi
01-30 8881
文章目录一、跨域是什么？二、devServer的作用三、如何解决跨域问题四、配置代理后打包部署报错404的解决方法 一、跨域是什么？ 跨域问题的出现是因为浏览器的同源策略问题，所谓同源:就是两个页面具有相同的协议（protocol），主机（host）和端口号（port），它是浏览器最核心也是最基本的功能，如果没有同源策略我们的浏览器将会十分的不安全，随时都可能受到攻击。 二、devServer的作用 如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到
前端请求接口地址反向代理后 状态码404、反向代理注意事项（反向代理后请求的真实地址）
工作中遇到问题记录
09-12 3799
前端请求接口地址反向代理后 状态码404、反向代理注意事项（反向代理后请求的真实地址）
精选资源
devserver:简单的开发服务器
06-28
【devserver:简单的开发服务器】 在前端开发过程中，一个高效的开发服务器是不可或缺的工具，它可以帮助开发者快速地预览和测试代码更改。`devserver`就是这样一个轻量级的开发服务器，它提供了基本的功能，如延迟...
webpack-dev-server 2.9.7 配置反向代理 404
09-06
首先，在webpack配置文件中找到devServer对象，该对象用于配置webpack-dev-server的相关选项。在devServer中添加如下代码： ```javascript devServer: { proxy: { '/api': { target: 'http://example.com', ...
webpack-dev-server实现静态资源加载和proxy代理
鸭绒的博客
07-26 7979
文章目录webpack Dev Server配置选项1.静态资源访问2.Proxy 代理小结 webpack Dev Server webpack-dev-server 是 Webpack 官方推出的一款开发工具，根据它的名字我们就应该知道，它提供了一个开发服务器，并且将自动编译和自动刷新浏览器等一系列对开发友好的功能全部集成在了一起。 Webpack 官方推出 webpack-dev-server 这款工具的初衷，就是为了提高开发者日常的开发效率，而且它是一个高度集成的工具，使用起来十分的方便。 webp
3. 重学webpack——webpack5.0之devServer开发服务器
2024路在何方
06-30 2661
推荐：《webpack学完这些就够了》 《webpack学完这些就够了》该专题主要讲述webpack4.x从入门到成仙的学习笔记，配置和原理应有尽有。现在由于webpack5.0的诞生，打算从现在开始从0开始写一遍webpack5.0的学习笔记，与大家一起分享学习。 以下是本节正文： 我们在webpack配置文件中，经常会看到devServer这个属性，这个属性常常用于配置开发服务器。也就是当本地起一个开发服务的时候的配置。 1. webpack-dev-server 使得devServer有效
已解决：输入npx webpack-dev-server指令后控制台显示成功执行，但是浏览器显示 cannot get/，浏览器控制台显示404
cake_eat的博客
10-29 2071
原因：contentBase配置错误
devServer.proxy
qq_28687183的博客
01-22 1253
如果你有单独的后端开发服务器 API，并且希望在同域名下发送 API 请求 ，那么代理某些 URL 会很有用。 在 localhost:3000 上有后端服务的话，你可以这样启用代理： 请求到 /api/users 现在会被代理到请求 http://localhost:3000/api/users。 module.exports = { //... devServer: { pro...
vue3 proxy 跨域代理配置出现404解决方案
精通ctrl+c/v
06-22 8126
在vue.config.js找到了问题所在就是vue.config.js中的target的路径有问题，原本一直写的是localhost，改成本机IP地址即可下面笔记一下配置文件配置devServer,若请求以/api开头那么就走代理，pathRewrite去掉/api发送到服务端 2.axios封装：request.ts baseURL给全局请求加上/api...
vue加跨域代理静态文件404_解决vue-router history模式和跨域代理 部署到IIS时404的一些问题...
weixin_39981360的博客
12-19 407
先解决history模式的问题：在网站根目录中创建web.config文件，内容如下： //通配所有连接//因为是单页面，所以将所有连接重定向到 “/”，就是指向我们项目中的首页以上配置完其实可以在IIS界面中看到：好了以上解决了路由404的问题，但发现接口不能访问，导致页面没有数据了，为了解决跨域的问题我在vue中是这么配置的：module.exports = {devServer:{proxy...
webpack安装失败，404解决方法
Alextao
05-19 811
windows命令path查看你的位置在哪里 我本地位置：C:\Users\***\AppData\Roaming\npm C:\Users\***\AppData\Roaming\npm-cache。windows命令path查看你的位置在哪里 我本地位置：C:\Users\***\AppData\Roaming\npm C:\Users\***\AppData\Roaming\npm-cache。webpack ./app.js app.bundle.js –命令打包。
解决报错404“Not Found”
wuxiaopengnihao1的博客
07-18 5059
再点击其他所有链接都报404错误（NOTFOUNDTherequestedURLwasnotfoundonthisserver）文件.htacces这个文件之后会发生这种情况，然后我去网站根目录去查看果然少了.htacces这个文件从本地上传上来之后问题迎刃而解了。可通过项目压缩包中的.htaccess解压到压缩后的.htaccess中将其替换.一开始认为是服务器配置出了问题于是开始搞配置文件重启。最后突然看到一篇文章说是网站少了。...
vue3 axios 跨域请求 404 (Not Found)
lanwu628的专栏
12-16 3300
解决办法步骤： 1、要在根目录下创建vue.config.js文件，内容如下： module.exports = { devServer: { proxy: { ‘/api’: { target: ‘http://xxx/’, changeOrigin: true, pathRewrite: { ‘^/api’: ‘’ } } } } } 2、src/main.js设置如下： import Axios from ‘axios’ Axios.defaults.baseURL = ‘/api’ Vue.prot
vue2利用axios调用后端接口，并配置devServer.proxy实现跨域显示数据；代理后出现404问题
QWY1285236058的博客
10-28 4319
vue2利用axios调用后端接口，并配置devServer.proxy实现跨域显示数据；代理后出现404问题
vue跨越解决；及代理之后会出现404
YC2chen的博客
08-16 1806
4.要是以上都没有问题还是404 那就是缓存了，换浏览器，多重启几次！我的就是莫名奇妙就好了。1.根目录下创建vue.config.js。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值