Vue前端项目修改不生效

已于 2024-08-06 11:33:54 修改
阅读量249 收藏
点赞数 3
分类专栏： JavaWeb疑难解析 文章标签： vue.js 前端 javascript
于 2024-08-06 11:33:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43731884/article/details/140951355
版权

Vue前端项目修改不生效问题

昨天项目部署时遇到了这个问题，后端服务器路径修改后依旧发送至localhost，重启、清缓存、重新克隆项目全部试过了没有效果

image-20240806111824735

但是后端接口从浏览器访问没有问题。405证明后端服务器是有反应的，但是从前端vue访问时后端没有任何反应

百度了N久没有找到解决方案，无意中看到了PS

image-20240806112355870

1722915155796)]

解决办法就是使用cmd窗口跑一次，然后就正常了，这个问题也消失了

we are a cloudED
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue 修改文件不生效_重读 vue 官方文档
weixin_39747399的博客
12-12 2931
每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：var vm = new Vue({ // 选项 })虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例Vue 组件都是 Vue 实例，并且接受相同的选项对象 (一些根实例特有的选项除外)。使用 Object...
vue中更改数组中属性,在页面中不生效的解决方法
12-13
问题描述： 使用vue的方法获取了数组数据，获取数据后为每个数据增加edit属性，初始值均为false，其目的是为了当点击列表中的编辑按钮时，控制保存与不保存的按钮的出现与消失，结果当更改数组中的edit属性后，页面并没有如预期的那样当edit为true时页面显示更改状态，当edit为false时为不更改状态 解决方案： edit是在通过post方法获取数据后增加到vue的data数据中的属性，一开始我的做法先将接收到的数据赋值到vue的data中，再对vue的data中的数据增加edit属性，这样在改变edit的之后，虽然在js中使用console.log可以看到该值已经发生变化，但页面中的
解决vue修改数据页面无效的问题
dx_zheng的博客
01-05 3652
项目开发的过程中，经常会遇到这种情况：为data中的某一个对象添加一个属性。 如下案例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
vue开发过程中，修改了数据，但是页面死活不渲染改变！没变化！怎么办？6种方法解决~
热门推荐
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
07-05 1万+
通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染就这么写 this.items=JSON.parse(JSON.stringify(this.items));
vue延时执行函数
1281024的博客
05-10 734
我为element-ui的按钮设置了点击后的样式，但是不能点击后生效，发现是因为点击按钮后调用的请求函数是异步的，调用函数查询时，查询到的数据是还没有修改的数据（即查询函数调用的太快了，修改的数据还没有生效），故需要进行延时查询数据。我要获取orderId的数据，由这个数据决定按钮的样式，而我的按钮操作会修改数据库里的这个数据，然后再次进行查询数据渲染。一定要创建一个timer，然后调用延时之前先清除timer的延时。进行延时调用方法，即可查出修改后的数据。
vue项目发布后文件未生效
Roriring的博客
05-22 5578
修改的项目源代码没有生效（vue，js，css） 解决方案：在build文件夹下webpack.prod.conf.js文件中生成一个时间戳，在输出文件后面加上时间戳，使每次生成最新的文件 如果还存在有文件（非源代码）没有更新 解决方案：使用clean-webpack-plugin (注意使用稳定版本) 作用：将指定的出口文件夹下的文件全部删除 1.npm install -D clean-webpack-plugin@3.0.0 2.在build文件夹下webpack.prod.conf.j.
vue中修改数据不生效，页面不刷新
小白成长记
05-02 1万+
数据更新后，页面不刷新的可能原因：1. 初始化时data中不存在该属性；2. 通过索引值修改数组元素。修改方式：1、通过数组的pop(末尾删除)/push(末尾添加)/shift(开头删除)/unshift(开头添加)/reverse(反转)/sort(排序)/splice(起始位置，删除数量，插入元素)方法操作；2、Vue.set(vm.items, indexOfItem，vm.$set(vm.items, indexOfIte；3通过其他方式（filter/map/...）修改数组，并重新赋值给原数组
vue3+vite框架，修改代码 CTRL+S 后，页面未发生改变
XUELINGMM的博客
05-16 3420
在vue3 + vite 项目中，对组件进行修改后保存，页面无变化；手动刷新页面，依旧无变化；Ctrl+F5刷新页面，依旧无变化；只有重新npm run dev才会生效。
vue 参数修改后，页面无效（不刷新）
u014685642的博客
02-12 1599
尝试过多种办法，只有强制刷新是靠谱的 this.$forceUpdate();
vue-cli项目修改文件热重载失效的解决方法
10-17
今天小编就为大家分享一篇vue-cli项目修改文件热重载失效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue页面DOM操作不生效的问题
11-28
现象： 使用Element UI渲染了一个树形结构，设计在鼠标移入每个节点是显示其中的操作按钮，效果如下： 下面是出错部分： 在新增节点后移入新增节点附近(图中是移入一级2)，功能按钮的显示位置出现偏移 原因查找： 经过调试发现是在新增节点后，执行DOM操作获取节点时，取到的仍是之前的结构，新增的节点并未获取到。 原因分析： 猜测是vue使用的虚拟DOM，使得页面虽然已经渲染出来，但在Vue实例中让处在在虚拟DOM中，无法获取。 解决方法： 使用Vue.nextTick，看下官方材料： ‘在下次 DOM 更新循环结束之后执行延迟回调’，这句话不是特别理解，不过可以看出DOM更新是一个循环
vue3+vite框架，修改代码后，热更新失效
W78955的博客
10-12 2184
vue3+vite框架，修改代码后，热更新失效
Visual Studio Code前端vue项目修改后不生效问题
A5d4gpjvbbkv的博客
08-31 2796
VScode需要ctrl+s!!!
Vue深入响应式原理之对象 - 为什么我的修改没有生效？
Lazy_Sleep的博客
02-10 1426
如有错误望请指出 在开发过程中可能会遇到修改了值，视图未发生更新的情况。 实际上在vue的官方文档中也有描述，见 深入响应式原理 这里会以实际案例讲述 问题重现 下面是一个循环显示对象的vuejs代码（建议有条件的可以直接运行查看效果） <!DOCTYPE html> <html lang="en"> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></s.
vue3：直接修改reative的值，页面却不响应，这是什么情况？
最新发布
每天都要努力学习哦~~
12-16 1038
今天看到有人在提问，问题是这样的，我修改了reative的值，数据居然失去了响应性，页面毫无变化，这是什么情况？本着好奇心害死猫的原则，我就看了下，我直呼好家伙！
Vue修改Dom不生效的问题
messi30lz的博客
09-08 1384
注释掉的内容没有效果是因为对于已经创建的实例，Vue 不允许动态添加根级别的响应式属性。vue的基本原理是通过Object.defineProperty重写变量的get和set方法来实现监听变量的改变和通知页面重新渲染的。解决数据没有被双向绑定我们可以使用 vm.$set 实例方法，该方法是全局方法 Vue.set 的一个别名。场景：data中定义一个空数组，在mouted中用请求到大数据对其进行赋值，进入主页面不生效。
vue 修改文件不生效_如何修改 node_modules 里的文件
weixin_45437417的博客
07-30 3061
使用patch-package来修改 安装patch-package：npm i patch-package --save-dev 修改package.json，新增命令postinstall: "scripts": { "postinstall": "patch-package" } 修改node_modules里面的代码 执行命令：npx patch-package 修改的文件名。 第一次使用patch-package会在项目根目录生成patches文件夹，里面有修改过的文件diff记录。 当这
vue配置proxy代理不生效
07-27
你可以尝试以下步骤来解决Vue配置代理不生效的问题： 1. 确保你已经在`vue.config.js`文件中正确配置了代理。在项目根目录下创建一个名为`vue.config.js`的文件（如果不存在），并添加以下代码： ```javascript module.exports = { devServer: { proxy: { '/api': { target: 'http://localhost:3000', // 修改为你的后端接口地址 changeOrigin: true, pathRewrite: { '^/api': '' } } } } }; ``` 2. 确保你已经重启了开发服务器。在配置代理后，你需要重新启动开发服务器，以便使配置生效。 3. 确保你的请求路径正确。在前端代码中，请求的路径需要以配置的代理路径作为前缀，例如 `/api/getData`。 4. 检查是否存在跨域问题。在开发过程中，如果前端代码与后端接口不在同一个域下，可能会存在跨域问题。你可以通过在后端接口中设置相应的CORS头解决跨域问题，或者使用代理服务器进行请求转发。 如果你仍然遇到问题，请提供更多关于你的项目结构、代理配置和具体报错信息的细节，以便我能够更好地帮助你解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

we are a cloudED

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值