vue开发——浏览器缓存一小坑

92 阅读1分钟

一个简单的vue项目,挂到nginx测试后,发现有个http请求需要修改,则修改测试后直接npm run build,发现问题并没有解决,还是原来的错误。

发现问题

刚开始以为是修改后的代码还是有问题,直到发现了是npm run serve 和 npm run build时所传输到后端的方法名并未按照最新的代码进行修改

代码修改后

c53ce3dc62779ab58f0e3337c61c313.jpg

提交到后端的请求

35fd18dbd92bd465c2f342676003d7f.jpg

才发现functionname并未按照代码的进行修改

常规方法尝试

1.首先尝试重启nginx服务器,未解决

2.把build出来的项目文件删除,重新运行npm run build,未解决

3.搜索过程中发现,vue在config中配置问题会导致css样式不同的问题,尝试进行配置修改,未解决

意外解决

不小心点错把浏览器关掉了,重新进入,发现请求可以正常提交。恍然醒悟,原来是踩了浏览器缓存的坑。应该清楚浏览器缓存或重启浏览器解决这个问题