vue项目访问后台一会就报404

最新推荐文章于 2024-05-18 13:46:57 发布
最新推荐文章于 2024-05-18 13:46:57 发布
阅读量346 收藏
点赞数 1
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40927305/article/details/132379676
版权

问题(刚启动service后台是能正常访问的,过了一段时间经历刷新之类的就会报404):在这里插入图片描述
尝试方案1:
直接修改vueRouter的模式，将其改为hash
在这里插入图片描述
结果:无效

尝试方案2:
在application.properties里添加
spring.devtools.restart.poll-interval: 3000ms
spring.devtools.restart.quiet-period: 2999ms
基于可能:
DevTools的检测时间和idea的编译所需时间存在差异。在idea还没完成编译工作前，DevTools就开始进行重启和加载，导致@RequestMapping没有被全部正常处理

结果:有效

qq_40927305
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue axios 设置proxyTable跨域后访问接口404
qq_44552416的博客
03-15 3750
描述 我是用的是本地IP启动我的项目 我想访问的接口是 http://192.168.100.217:2000/api/OrganizationManager/Get_Load 这是我proxy的配置代码 proxyTable: { '/api': { target: 'http://192.168.100.217:2000', changeOrigin: true, pathRewrite: {
多个vue项目合并成一个_零基础搭建一个Vue项目，你学会了吗？
weixin_39631007的博客
10-27 3788
这几天利用业余时间做了一个个人项目，后端部分已经搭建好了还差一个前端，经过考虑前端利用Vue来搭建开发，因对Vue不是很熟悉，所以利用网络查找了相关的资料，成功的跑出了第一个Vue页面，写在此作为一个记录。安装Node.js以及npm包管理器官网简介：Node.js 是一个基于 Chrome V8引擎的 JavaScript运行环境，它使用了一个事件驱动、非阻塞式 I/O的模型,因此其轻量又高效。...
本地vue(前后端分离)布置到服务器，请求后台报错404的问题
zhang_guom的博客
12-24 456
前后端分离在不同的服务器上 1、本地运行npm run build 生成dist文件 2、上传到服务器，站点指向dist文件 3、配置站点‘配置文件’-》添加 location /api { proxy_pass http://byjk.wm57.mingtengnet.com;//后台接口 } ......
解决Vue项目部署到服务器之后前端向后端发送请求报错404的问题（centos使用docker实现nginx的反向代理）
最新发布
jinkunqingning的博客
05-18 2134
最后，修改配置文件的时候注意一定要细心，比如 location /api/，location后面是有空格的，最后面的/不要丢掉，服务器路径后面的/也不要丢掉，后面的分号也必须要有，分号（；）代表语句的结束，没有分号就会连着执行两条语句，就会报错。最后的最后，我们来分析并解决一下你可能会出现的问题，或者已经出现了的问题。首先就是最后重启nginx之后，发现输入docker ps发现没有nginx，然后输入docker ps -a，发现有nginx这个容器，但是没有端口。
vue中访问后台接口，跨域问题的proxyTable 配置无效,访问404问题解决
代码君的博客
02-26 8023
vue项目需要访问访问后台接口，因为前端项目是一个单独的服务，后台接口肯定也是单独的服务，两者之间的访问地址和端口坑定不一样，一访问后台接口肯定会出现跨域问题，什么是跨域，大概意思就是要访问的地址与当前服务启动的地址不同，或者说端口不一样，就相当于你从当前链接访问到一个新的链接当端口和域名发生改变时就会导致跨域问题的出现， 这边在网上搜索了一下怎么解决vue项目中的...
vue中404解决方法
每天都想吃好吃的
02-20 2301
在Vue中出现404错误通常是因为找不到所请求的资源。检查是否正确安装依赖：如果使用了第三方库或组件，确保已经正确安装了相应的依赖。检查服务器配置：如果你的Vue项目部署在服务器上，检查服务器的配置文件，例如。配置文件是否正确设置了路由重定向。确保服务器能够正确地处理所请求资源。请根据你的具体情况选择相应的解决方法。
SpringBoot + Vue 项目超简单的合并部署方案
猫猫的秘密小窝
12-05 9908
最近在捣鼓 SpringBoot 与 Vue 整合的项目，看了网上很多套的方案，自己总结了一套为轻量级个人开发提供的项目部署方案，简单有效！通过 maven 的打包在服务器上仅需要运行一个 Jar 包即可运行包括前端的整个项目。
vue项目身份认证，vuex，token
m0_49515138的博客
11-16 2302
例如我当前访问⼴告管理/advert，这时我想访问⽤户管理/user，但因为⻓时间没操作，登录状态过期了（⼿动请求 store 模拟），就会⾃动跳回/login，当我再次登录后，默认会跳转到/⾸⻚。之所以出现“用户信息消失”，但是页面仍停留在“首页”，因为后台页面不需要去服务端鉴权，只是在客户端本地验证Vuex中的数据，但是在本地Vuex是无法验证token是否过期。Token用于进行接口鉴权，但Token具有后端设置的过期时间，当Token过期后，就无法再请求接口数据了。a. 成功时，访问组件。
Vue保姆级项目教程：十万字零基础开发信贷管理系统！
weixin_55355282的博客
03-09 899
本文档概述了信贷管理系统的开发过程和关键需求，包括用户管理、信贷申请、贷款审批、数据分析、安全性、兼容性、扩展性和用户界面。目的是提高信贷业务的效率和准确性，满足机构对信贷业务管理的需求。
[手把手系列之]Docker 部署 vue 项目
weixin_45556713的博客
09-25 1306
Docker 部署 vue 项目 1.写在前面： Docker 作为轻量级虚拟化技术，拥有持续集成、版本控制、可移植性、隔离性和安全性等优势。本文使用Docker来部署一个vue的前端应用，并尽可能详尽的介绍了实现思路和具体步骤，以方便有类似需要的同学参考。 Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，该容器包含了应用程序的代码、运行环境、依赖...
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
10-15
在本篇文章里小编给大家整理了关于Vue3项目打包后部署到服务器 请求不到后台接口解决方法，有需要的朋友们可以参考下。
vue项目中页面遇到404报错
xiaowude_boke的博客
11-07 1829
vue项目中报错404
vue项目本地开发完成后部署到服务器后报404
weixin_50367873的博客
11-17 3203
前后端分离开发模式下，前后端是独立布署的，前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可我们知道vue项目在构建后，是生成一系列的静态文件常规布署我们只需要将这个目录上传至目标服务器即可让web容器跑起来，以nginx为例配置完成记得重启操作完后就可以在浏览器输入域名进行访问了当然上面只是提到最简单也是最直接的一种布署方式什么自动化，镜像，容器，流水线布署，本质也是将这套逻辑抽象，隔离，用程序来代替重复性的劳动，本文不展开。
Vue项目打包到服务器后请求接口报错404
热门推荐
speano的博客
05-22 1万+
解决Vue项目打包到服务器后请求接口报错404问题。
Vue配合Nginx部署出现404、页面无法跳转、后端请求失败问题解决方案
赵昕彧
01-10 8886
1、部署后，打开地址可以看到，但是刷新后出现404。 2、Vue的路由资源并不一定是真实路径，导致页面无法跳转或其他资源加载问题。3、请求后端接口地址失败。
vue前后端分离,前端通过axios代理调后端接口，报错404（解决办法）
weixin_38345306的博客
04-27 3459
vue前后端分离,前端通过axios代理调后端接口，报错404（解决办法）
【Debug】ruoyi-vue 启动后登录界面显示系统接口404异常问题解决办法
Fug_Lee的博客
11-07 1万+
首次启动若依项目登录界面出现这个问题百分之九十以上的可能就是端口号的问题, 可能你的端口号已经被占用, 并且进程并没有杀掉, 这时候如果你只改后端的端口号的话还是会报错, 因此用下面的方法可以解决这个问题!!
解决Vue项目刷新404
挨踢星球
09-05 1972
如果服务器没有正确配置，当用户直接在浏览器地址栏中输入一个历史模式的URL或者刷新当前页面时，服务器可能会尝试查找与该URL对应的物理文件，而实际上这样的文件不存在。这是因为历史模式依赖于服务器配置来确保在浏览器请求的URL没有对应的物理文件时，仍然返回应用的入口文件（通常是”index.html”）。要在使用Vue的历史模式时正确配置服务器，以确保在浏览器请求的URL没有对应的物理文件时仍然返回应用的入口文件（通常是”index.html”），需要根据你所使用的服务器类型进行相应的配置。
vue代理配置没问题但是报错404
onecaicai的博客
11-13 530
vue代理没错但是报错404
tomcat部署vue项目配置后台访问地址
04-22
你可以通过修改配置文件来配置Tomcat部署Vue项目的后台访问地址。具体步骤如下： 1. 打开Vue项目的config/index.js文件，找到build对象中的assetsPublicPath属性，并将其修改为"/"，如下所示： ``` build: { // ... assetsPublicPath: '/', // ... } ``` 2. 打包Vue项目，并将生成的dist目录下的所有文件拷贝到Tomcat的webapps目录下。 3. 打开Tomcat的conf/server.xml文件，找到<Host>元素，并添加Context元素，如下所示： ``` <Host name="localhost" appBase="webapps" unpackWARs="true" autoDeploy="true"> <Context path="/api" docBase="your-dist-docbase-path"/> </Host> ``` 其中，path属性指定了后台访问地址，docBase属性指定了Vue项目生成的dist目录的路径。 4. 重启Tomcat，访问"http://localhost:8080/api"即可访问Vue项目的后台。 希望能对你有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值