VUE项目常见的坑

最新推荐文章于 2021-02-22 07:52:30 发布
最新推荐文章于 2021-02-22 07:52:30 发布
阅读量987 收藏 3
点赞数
分类专栏： VUE 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Love_yl/article/details/109647545
版权
本文总结了Vue项目中常见的问题及解决方案，包括如何将绝对路径改为相对路径，设置proxy解决跨域问题，修复CSS背景图在发布后不显示的bug，以及针对IE空白页问题，特别是当使用Vuex时，如何引入`babel-polyfill`进行兼容性处理。
摘要由CSDN通过智能技术生成

1、修改绝对路径为相对路径

打开config/index.js,在build中添写如下代码：

assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: './static',
assetsPublicPath: './',

2. 解决跨域问题(使用代理proxy)

打开config/index.js,在proxyTable中添写如下代码：

'/api'
最低0.47元/天 解锁文章
神经质女孩
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
[Vue源码] Vue中响应式数据的原理
iChangebaobao的博客
10-10 214
vue2.0 响应式数据的原理 Vue2.0在初始化数据时，会给data中的属性使用Object.defineProperty重新定义所有属性，当页面取到对应属性时，会进行依赖收集（收集当前组件的watcher）如果属性发生变化会通知相关依赖进行更新操作。 Vue2.0源码： Object.defineProperty(obj, key, { enumerable: true, configurable: true, get: function reactiveGetter () { const
vue中常碰见的坑_vue中遇到的坑！！！！！
weixin_33615688的博客
01-17 2239
一 、vue安装的坑报错时的常见问题1、cnpm install 模块名 –save-dev(关于环境的，表现为npm run dev 启动不了)cnpm install 模块名 –save(关于项目的，比如main.js，表现为npm run dev 成功之后控制台报错)比如escape-string-regexp、strip-ansi、has-ansi、is-finite、emojis-lis...
Vue项目中的一些坑
weixin_42299977的博客
08-26 3715
注意: 你将看到是前方一片高能,对你的在练习vue项目中,或者搭建vue项目避免踩到的一些坑有一定的帮助,没帮助也不能怪我;谢谢 视图刷新： Vue视图刷新的异步;不管你改变的是基本数据类型,还是引用类型 data(){ return(){ data:”hello” } } show(){ consol...
vue的一些坑
Sang_S_H的博客
01-12 330
一、v-for里的v-bind:key 因为v-for是用来循环遍历操作dom结构，而v-bind：key是通过绑定每一组DOM结构的key值来操作DOM； 而为什么必须要用这个key，原因是key的唯一性，在对大量节点进行DOM操作时（比如，插入或删除新节点），这时如果没有key ，就只能顺序一一查找或更改，就会存在效率问题；而有唯一性的key存在（类似hash查找），（1）引擎就能准确快速找到要操作节点， （2）并且在通过唯一key插入删除节点后，也不需要改变其他节点的索引或者说位置，所以更加高效。 所
vue的坑
前端技术的学习整理
06-20 489
路由变化页面数据不刷新问题setTimeout/setInterval(泛指异步回掉函数的this指向)this指向改变，无法用this访问VUe实例setInterval路由跳转继续运行并没有及时进行销毁vue 滚动行为用法,进入路由需要滚动到浏览器底部 头部等等实现vue路由拦截浏览器的需求,进行 一系列操作 草稿保存等等v-once 只渲染元素和组件一次，优化更新渲染性能vue本地代理配置 ...
Vue的一些坑
青空的博客
07-19 306
Vue的一些坑 最近做个人项目的时候遇到的一些问题以及解决方法 图片object Module 这个是我在Webpack+Vue的时候出现的问题 问题描述： 在导入图片的时候，导入不成功，在控制台查看的时候发现了问题 问题解决： file-loader还是url-loader都在use里加上options:{esModule: false}即可，代码如下： {test: /\.(png|jpe?g|svg|gif)$/,use: [ { loader:"url-loader
详解vue-cli 构建Vue项目遇到的坑
08-29
在使用 Vue CLI 构建 Vue 项目时，可能会遇到一些坑，这篇文章将总结一些常见的问题和解决方案。 1. 编译后、js、css 等相对路径和绝对路径问题 在使用 Vue CLI 构建项目时，可能会遇到编译后、js、css 等相对路径...
使用IDEA工具配置和运行vue项目及遇到的坑
08-26
使用IDEA工具配置和运行vue项目及遇到的坑 在本篇文章中，我们主要介绍了使用IDEA工具配置和运行vue项目的步骤，并分享了我们在配置和运行过程中遇到的坑，以便帮助读者避免类似的错误。 一、IDEA中配置vue插件 ...
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
10-14
在利用Hbuilder打包Vue项目为APP的过程中，会遇到一系列技术细节和问题，本文档将全面解析打包流程以及遇到的坑点，旨在为开发者提供参考和解决方案。 首先，在Hbuilder中打包Vue项目成为APP，需要遵循特定的流程：...
vue中常碰见的坑_vue学习中遇到的坑
weixin_36352025的博客
02-22 579
定义组件名在引用组件时，不要用html关键字作为名字，这样在解析的时候它会当成html元素来解析例如://html//引入button组件import button from '../../components/button/Button'//声明组件components:{button}即便引入了button组件，但是因为与html原生元素撞名了，在渲染html的时候还是会渲染成原生html元...
vue在项目中遇到的小坑
ok2547881370的博客
07-18 280
最近在项目中, 监听某个属性的改变,然后去更该另外的一个属性 使用watch时, 用了箭头函数, 导致this的指向发生了改变, 应该使用常规匿名函数即可. this就可以指向当前实例的本身了 watch: { value:{ handler: (val, olVal) => { console.log(this) } } }, //更改为 watch: { value:{ handler: function(.
Vue之坑
weixin_34075268的博客
04-25 181
1. 不刷新视图 export default { data(){ return { storeInfo: {//对象里不写具体的key，且在赋值时是单个赋值的时候会有不刷新视图的情况 } } }, methods: { changeStore() { //在这修改偶尔会补刷新视图 t...
亲自踩过的vue的坑
weixin_33921089的博客
03-14 172
一、Vue 不能检测对象属性的添加或删除：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm...
vue(12)-坑的总结
allensandy的博客
06-19 170
浏览器刷新页面不触发 vue-router 的 beforeEach 钩子的问题 参考：https://blog.csdn.net/weixin_34019144/article/details/86824191 解决办法，在使用 vue-router 模块时，挂载根实例的步骤要放在最后，不然会导致配置不成功。 ...
vue中常碰见的坑_Vue 实际项目中你可能会遇见的坑
weixin_42403771的博客
01-30 1993
纸上得来终觉浅，绝知此事要躬行！Vue的文档和教程看的太多，小的demo做的多，也不如自己实际的进行一个完整项目的开发。只有做了才知道原来问题这么多，这里列举了一些你做demo教程可能不会遇见的坑。一、项目的登录拦截及用户权限访问控制问题。一个很常见的需求就是对未登录的用户进行路由拦截和用户的权限访问，如果你的项目之前是通过后台控制访问路由的，那么之前的后端现在可能需要在前端也需要控制了，由于我们...
vue使用中一些坑整理（componet等）
nanjwangc的专栏
11-13 2065
vue
vue中常踩得坑汇总
bbc363960552的博客
12-10 212
1.Component template requires a root element, rather than just text. <template id="show"> <div> <span>指向我</span> <hr> </div> </templa...
vue中遇到的坑
coffee3139564344的博客
07-07 4626
1 一个是eventHub的坑–重复监听的问题：解决方案监听之前先off掉2 路由的坑–不加replace会两个页面来回跳，无法正常的返回父级页面。3 vuejs对data中数组的原生方法进行了封装，所以在改变数组时能够触发视图更新，但是以下两种情况是无法触发视图的更新的：1 通过索引直接修改数组的元素，例如vm.items[0] = {title: 'title'} 2 无法直接修改数组的长度
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值