这是一个经典的问题，相信很多同学都有遇到过，那么你知道其真正的原因吗？ 我们先还原一下场景： vue项目在本地时运行正常，但部署到服务器中，刷新页面，出现了404错误 先定位一下，HTTP 404 错误意味着链接指向的资源不存在 问题在于为什么不存在？且为什么只有history模式下会出现这个问题？ 为什么history模式下有问题 Vue是属于单页应用（single-page application） 而SPA是一种网络应用程序或网站的模型，所有用户交互是通过...
开发环境 Vue-Cli3 1、vue-router懒加载功能 vue-cli3默认使用 Preload与Prefetch, 使用初衷是为了减少首页http请求过多，默认预加载了全部的js文件 vue.config.js 增加如下配置，取消prefetch和preload ，这样就是实现加载当前所需。 //vue.config.js chainWebpack(config) {config.plugins.delete('preload') config.plugins.delete('prefetch') }Preload用来指定页面加载后很快会被用到的资源，所以在页面加载的过程中，我们希望...
解决IE浏览器使用vue-particles插件实现粒子特效不兼容问题 找到一篇写的很好的文章，讲解也很详细 附链接：https://www.jianshu.com/p/0153f6e3efcd 但是，这篇文章并没有完整解决问题，不仅需要在入口文件引入 babel-polyfill 模块，还需要在vuex中引入，在src/store/index.js中添加以下代码 import '@babel/polyfill'亲测有效！
在使用axios进行参数获取时，始终获取不到，但是调用postman是正常的，所以初步估计是参数格式不正确，那么正确的应该怎么写呢？ 一般按照正常的逻辑，我们在传递application/x-www-form-urlencoded时，参数应该这样写，但实际操作中发现一只获取不到参数。 axios.create({baseURL: 'url',timeout: 10000,headers: { 'Content-Type': 'application/json' },}).post('xxx/xxx/xxx',JSON.stringify({name: '',age: 12,}),{headers: {...
项目：PC端网站 工具：前端:Vue 后端:PHP 请求和接口：axios & nginx 1.问题： 在开发用户登录功能时，使用Vue的devServe代理跨域请求后端接口时多出了一次请求， POST 请求被转为了 GET 请求，并且在这个过程中传入的参数也被清除了。但是使用Postman测试接口时完全正常。（如图）既然postman访问正常，那么我推测问题导致的原因应该是前端axios的配置问题，但经过一天的百度谷歌疯狂搜索，很多解决方案都没有用。正当我心态即将炸...
uni-app主题色的BUG 解决步骤给App添加主题色的缓存标识新建 __uniappview.html 文件引入 copy-webpack-plugin 依赖创建 vue.config.js 文件状态栏颜色不稳定 结论 主题切换采用的方案是 css 变量使用的编译版本是 3.1.X (也就是HBuilderx的版本号)2.6.X 之后静止在js内动态引入css，所以这是一条死路问题初探： uni-app 使用非nvue模式进行编译App，会使用 web-view进行渲染。调试过程中发现，在进行加载静态资源的时候会首先读取...
我使用的vue + ts. 内容中包含ts 和 js 两个版本的代码. 写完之后发现写的可能有些啰嗦 (adsbygoogle = window.adsbygoogle || []).push({});标签：,,,,,,, 来源： https://blog.csdn.net/qq_40314318/article/details/114999911
原文链接：https://www.cnblogs.com/xieli26/p/10108703.html 问题:在vue项目中,我更改数组中的某一条数据,直接arr[i]=newVal ,发现页面上数组没有实时刷新; 查看官网发现: 由于 JavaScript 的限制，Vue 不能检测以下变动的数组： 当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength举个例子: 复制代码 var vm = new Vue({ data: { items: [‘a’, ‘...
解决[Vue warn]: Invalid prop: custom validator check failed for prop “percentage”.(这里写自定义目录标题)报错 我们公司的vue项目使用element-ui组件，我用Progress 组件的时候，报错。 我在网上看，说是要加v-if，我也加了，还是报错。后来，我才发现，是因为我传给percentage的值大于了100.。。。我晕。。。然后判断了一下，大于100的取100就好了。
问题： 使用this.$ref[‘form‘] .resetFields()无法重置表单项 原因： 1.没有给表单添加ref属性<el-form ref="form"></el-form> 2.表单项el-form-item没有添加prop属性，prop属性需要与input框绑定的属性一致<el-form ref="form" :model="sizeForm" label-width="80px" size="mini"> <el-form-item label="活动名称" prop="name"> <el-input v-model="sizeForm.name"></el-input> </el-form-item> </el-form> 3.还有一个经常出现这...
在之前element项目中引用分页功能的时候，在引入处加入 import Pagination from ‘@/components/Pagination’; 正常编译 后来在element+ts的项目中添加分页的时候，相同的引入方式，但是会如题的错误 改写成 import Pagination from ‘@/components/Pagination/index.vue’; 指定到组件的具体组件文件名（全名，最好加上.vue，要不然es会提示错误），而不是只指定到组件的包名，就不会报错了 查阅了一些资料，可能是因为之前的项目...
一开始只能让无滚动条页面竖向背景颜色填充满，通过： App.vue <template><div id="app"><!-- 路由的出入口，路由的内容将被显示在这里 --><router-view/></div> </template><script>export default {name: 'App'} </script> <style>html,body,#app{height: 100%;} </style>子页面中： <template style="height:100%"> <div style="height:100%;background-color:#EDEDED;"></div></template>之后在子页面中将height改成了min-heig...