在vue-cli3.x中devServer配置后，请求报404

最新推荐文章于 2024-05-08 18:12:23 发布
最新推荐文章于 2024-05-08 18:12:23 发布
阅读量4.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qwqasd123456/article/details/100882521
版权

在vue.config.js中的deServer配置了proxy，如

但是在请求的时候报404错误，试了一下其中的方案，有一些是无效的。解决方案如下

有pathRewrite的话，需要在target那里加上/sxxj4t

或者把pathRewrite改成

还可以直接去掉pathRewrite属性。

原因是 pathRewrite这个属性是重新这个定义路径，如果你的路径是不需要/sxxj4t的可以设置为空，但如果需要那么要么在里面设置，要么就去掉（改完之后记得重新启动，不然这个是不会生效的）

 

qwqasd123456
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-cli3打包上线后后台接口404错误（vue-cli3.11版本）
qq_37021104的博客
12-21 4072
vue项目在开发模式时，使用的axios调用的后台接口，而使用axios调用后台接口，需要在vue.config.js中配置proxy代理，否则会出现请求头错误，而设置了proxy代理后，vue项目打包proxy代理就会失效，因为proxy代理并不会一起打包到dist文件夹下，网上的说法都是配置不同环境新建env文件及更换baseurl等，但是我发现这种做法在vue3.11版本中并不适用，直接根据...
devServer的proxy导致的404问题
qq_31404277的博客
03-11 1946
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,
Vue基础技术 webpack-dev-server的配置和使用_loglevel webpack-dev-server
最新发布
2401_84619530的博客
05-08 945
根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】html5 / css3 学习笔记JavaScript 学习笔记Vue 学习笔记Vue 学习笔记。
devServer代理返回却是404
张啸-前端小师
03-11 4724
添加pathRewrite字段 添加这个字段表示不传递这个字段 给 被代理的服务器 如果您不想/api传递，我们需要重写路径 参考webpack官方文档
vue通过代理devServer 解决跨域问题 与 配置代理后打包部署报错404的解决方法
oi
01-30 8494
文章目录一、跨域是什么？二、devServer的作用三、如何解决跨域问题四、配置代理后打包部署报错404的解决方法 一、跨域是什么？ 跨域问题的出现是因为浏览器的同源策略问题，所谓同源:就是两个页面具有相同的协议（protocol），主机（host）和端口号（port），它是浏览器最核心也是最基本的功能，如果没有同源策略我们的浏览器将会十分的不安全，随时都可能受到攻击。 二、devServer的作用 如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到
Vue代理报错404问题（vue配置proxy）
热门推荐
牛先森家的博客
06-04 1万+
Vue代理报错404问题Vue代理报错404问题第一种路径拼接 /api 情况第二种路径不变情况 Vue代理报错404问题 第一种路径拼接 /api 情况 const path = require('path'); function resolve(dir) { return path.resolve(__dirname, dir) } module.exports = { publicPath: process.env.NODE_ENV === "production" ? "./" :
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
在使用vue开发过程中，难免需要去本地数据地址进行请求，而原版配置在dev-server.js中，新版vue-webpack-template已经删除dev-server.js，改用webpack.dev.conf.js代替，所以 配置本地访问在webpack.dev.conf.js里...
Vue-cli3.x + axios 跨域方案踩坑指北
10-16
Vue-cli 3.x 提供了一个解决方案，即使用 `axios` 进行数据请求，并通过 `devServer.proxy` 配置来代理请求，从而在开发阶段实现跨域。 `axios` 是一个基于 promise 的 HTTP 库，可以在浏览器和 Node.js 中使用。在...
vue-cli3中vue.config.js配置教程详解
10-16
7. **devServer**: 这部分配置用于 Webpack Dev Server，包括： - **open**: 是否在启动服务时自动打开浏览器。 - **host**: 服务器监听的 IP 地址，设置为 '0.0.0.0' 可允许所有网络访问。 - **port**: 服务器...
vue-cli3脚手架的配置及使用教程
10-18
对于跨域问题，Vue CLI 3 中可以通过 `vue.config.js` 的 `devServer.proxy` 属性来配置代理。 ```javascript // vue.config.js module.exports = { devServer: { proxy: 'http://api.example.com' // 将 API ...
vue-cli3配置与跨域处理方法
10-16
2. **Vue CLI 3 的 devServer.proxy**：在 `vue.config.js` 中配置 `devServer.proxy`，将 API 请求代理到后端服务器。例如： ```javascript devServer: { ... proxy: { '/api': { target: '...
vue3.0设置代理模式访问404问题
qq_41409623的博客
11-24 1263
vue3.0 设置代理模式 访问404问题 项目根目录下包含config目录的都是2.0的项目,vue3.0需手动在根目录下新建vue.config.js,基础代理代码如下 module.exports = { // 相当于webpack-dev-server，对本地服务器进行配置 devServer: { port: 9520, //本地前端启动端口号 open: true, // 是否启动自动打开浏览器 proxy: { "/qindt"
webpack配置-devServer配置（只需要会Ctrl+s就OK了）
wei1273356078的博客
05-22 1672
修改一次文件，就要打包一次，好烦~ 接下来的配置，只需要会Ctrl+s就可以实现更新页面 1.热更新 相信很多小伙伴在使用webpack打包时会遇到这两个问题： 1.出现了一个错误，修改之后还要再重新打包一次 2.打包完成后想要修改源文件，修改完又要打包，打包完又觉得不完美，还要重新打包 这个重复打包的操作就会变得枯燥乏味，不管是工作上还是学习上都会效率低下的，为了能够解决这个问题，就使用webpack-dev-server这个包吧。 这。。。。。 我怎么感觉我在打广告。 在这里的webpack热更新
vue-cli 3.0中使用拦截器
小蜜蜂的博客
06-16 4174
首先 我们要创建cli3.0以上的项目 要查看一下node 版本 和 vue版本 然后 vue add @vue/cli 创建一个cli3.0的项目, 好了废话不多说了,直接开始吧 然后再项目的root位置创建一个vue.config.js 这个文件会在打包时跟webpack去合并 在里面我们来写一下 mock 后台的数据请求API // 安装方法 npm i body-parser --sa...
vue.config.js中配置代理(devServer)不生效的坑（跨域问题处理
LlanyW的专栏
01-11 3976
尚硅谷的后台管理系统，用户与商品信息用的接口端口号不一样。需要配置多个proxy代理。
vue问题记录- 1.Cli4中跨域请求问题-在vue中解决
哈哈哈的博客
06-23 588
案发现场： ​ 前端地址：localhost:8088 ​ 请求的服务器地址：localhost:3333 ​ 当前端向服务器地址发送请求时报错，提示跨域，禁止访问（403）。 解决方案：vue-config.js 首先在项目下创建vue.config.js文件，与package.json同级。跨域设置如下devServer中proxy的配置。 module.exports = { //路径别名配置 configureWebpack: { resolve: { alias:.
vue前端处理跨域问题，403解决
m0_66039084的博客
06-15 1194
配置的onProxyReq把我的403问题解决掉了。
vue项目netWork地址无法访问问题解决方案
episode33的博客
06-07 3862
此方案可以解决vue项目 Network: unavailable和network访问失败的问题
vue2利用axios调用后端接口，并配置devServer.proxy实现跨域显示数据；代理后出现404问题
QWY1285236058的博客
10-28 3936
vue2利用axios调用后端接口，并配置devServer.proxy实现跨域显示数据；代理后出现404问题
如何用vue-cli5配置vue.config.js中的代理服务器
04-25
您可以按照以下步骤来配置vue.config.js中的代理服务器： 1. 在项目根目录下创建vue.config.js文件。 2. 在vue.config.js中添加以下内容： module.exports = { devServer: { proxy: { '/api': { target: '...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值