最近第一次使用vue-cli构建项目，第一次打包部署到服务器上的时候出现图片加载不出来，结合网上的方法，终于给摸索出来。将项目部署到服务器上分为两种：一种是直接部署到服务器的根目录，另外一种是部署到服务器的子目录下 1.我们首先来说部署到根目录下 就是比如：www.****.com 找到项目中config文件夹下的index.js文件 将文件中的assetsPublicPath: /,改成如下方框这样。 这样的目的是将绝对路径改成相对路径 如果放在根目录下，...
Vue 不能检测以下变动的数组： 当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength 当第一种情况需求时，可以使用this.$set(this.arr,index,newVal) Vue 不能检测对象属性的添加或删除：可以使用this.$set(this.person,'age',12) 当需要添加多个对象时，Object.assign({},this.person,{age:12,name:'wee'}) PS：Vue实现对数组、对象的深拷贝、复...
本人在安装vue脚手架时报这样的错，我访问了漫山遍野还是没找到答案，有人叫我用cnpm安装，但是cnpm安装的vue有好多坑在里面： npm WARN checkPermissions Missing write access to C:\Users\liuyg\AppData\Roaming\npm\node_modules\vue-cli\node_modules\cliui\node_modules\wordwrap npm ERR! path C:\Users\liuyg\AppData\Roaming\npm\node_modules\vue-cli\node_modules\cliui\node_modules\wordwrap npm ERR! code ENOENT np...
vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No Access-Control-Allow-Origin header is present on the requested resource.” 这种跨域错误。要想本地正常的调试，解决的办法有三个： 一、后台更改header header(Access-Control-Allow-Origin:*);//允许所有来源访问 header(Access-Control-Allow-Method:POST,GET);//允许访问的方式 这样就可以跨域请求数据了。...
在vue2.0中引入了mint-ui后总是报一个css的错误 但是package.json中已经配置了css-loader style-loader ，webpack.config中也已经配置了css，还是报这个错误，相反，如果把webpack.config中css的配置注释掉就不会出错，这是为什么呢？ 因为 在webpack.config中没有设置好css引入的目录，因为默认情况下我们只会引入/src/目录下的css， 但是mint-ui是要冲node_modules目录去引入的，所以在webpack.config中css的配置中加入一项 {tes...
前提条件是已经有了vue项目，如果没有，请先建立，具体方法看这里https://cn.vuejs.org/v2/guide/installation.html 安装stylus 好了，建立好项目后我们来安装stylus npm install stylus stylus-loader --save-dev这样就安装上了stylus。 接下来就可以使用了，使用方式分两种。一种是在.vue文件的style块中使用，一种是引用.styl文件的形式 在.vue文件的style块中使用 这个很简单，只要在style标签加上lang="stylus"就可以了，看完...
最近开始用vue写个小项目，踩了不少坑，这里记录下爬坑过程，给有同样经历的人帮助。 问题 今天想在vue的项目里面用下拉加载，然后就直接写了:但是我发现我切换路由以后依旧其他页面也触发了scrollHandler函数，然后我想到使用了vue-router做的spa项目，window对象不变的，所以需要在每次使用后销毁。 解决办法 我回去看了下vue文档的生命周期，看到了destroyed，然后直接在这个周期内销毁就可以了。使用throttle出现的新问题 下拉...
详解win7 cmd执行vue不是内部命令的解决方法 通过全局安装vue-cli npm install --global vue-cli 在cmd中运行vue提示不是内部命令，原因是环境变量没有加上找到npm的位置：（不在这个位置的全局搜索vue.cmd即可） C:\Users\Administrator\AppData\Roaming\npm 打开我的电脑-->右键属性-->高级系统设置-->环境变量-->Path-->添加获得npm的位置，保存，重启cmd命令工具即可以上就是win7 cmd执行vue不是内部命令的解决方法的详解，如有...
vue router路由嵌套不显示问题的解决方法，具体内容如下 路由嵌套，vue2.0 router中嵌套路由不成功，如何解决？ 我先说下我的需求，例如下图我本来是想打算将中间的模块做一层子路由（test模块），模块代码没错，每次编译都正常好使。 但是打开编译后的文件之后，一直都是==只能渲染一级路由，子路由没有效果，==，查了一推资料。 帖子说：子路由多写了/, 会默认从根目录开始匹配，我试着也删除掉这些东西，但是后来发现，我的问题...
发现问题 运行一下以前的一个Vue+webpack的 vue仿新闻网站 小项目，报错 由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^...^）才找到原因 -v- Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 点开错误的文件，标注错误的地方是这样的一段代码：import {normalTime} from ./timeFormat;module.exports={normalTime };就是module.exports; 解决方法 同过谷歌...
场景：vue-router实现的单页应用，登录页调用登录接口后，服务器返回用户信息，然后通过router.push({name: index, params: res.data})传给主页组件，并在主页显示数据。但是刷新页面后，数据就消失了。 解决方案： 1、session&服务器渲染 传统的方案是，登录页和主页是单独的两个页面，登录成功后服务器生成用户信息对应的session，然后渲染主页数据，并通过响应头将sessionid传给浏览器并生成相应的cookie文件。这样下次请求页面...
最近在做一个vue的项目，其中使用了vue2.0,vue-router2.0。在使用vue-router的时候跳了一个很大的坑，router-view不能渲染，花费了好多时间终于发现了原因。 项目目录结构其中main.js import Vue from vue; import App from ./App; import router from ./router;/* eslint-disable no-new */ new Vue({el: #app,router,render: h => h(App) }); app.vue <template><div id="app"><div class="tab"><div class="tab-item"><router-l...
最近学习使用vuejs前后端分离，重构一个已有的后台管理系统，遇到了下面这个问题： 实现跨域请求时，每次ajax请求都是新的session，导致无法获取登录信息，所有的请求都被判定为未登陆。 1、 vuejs ajax跨域请求最开始使用的是vue-resource，结果发现vue2推荐的是axios，于是改成axios；安装axios npm install axios -S安装完成后在main.js中增加一下配置： import axios from axios; axios.defaults.withCredentials=true; main.j...
在项目中完成编辑功能时，遇到了这样一个问题：编辑的功能使用的是一个子组件作为弹出框，如图 这里涉及到从父组件向子组件传递数据的问题，这个项目使用的是v1.0，问题是当点击了编辑以后，弹出的子组件中没有获取到父组件传过来的数据，检查后没有发现代码错误，最后解决的方法就是在父组件中，把传递的数据中的每一项都初始化了一遍就好了 creatIssue (type,list,id){this.modelIssue=true;this.modeltype=type;if(type==creat)...
之前使用vue.js写分页功能时，写了一个过滤器，发现一个比较奇怪的错误。 console控制台调试的时候，提示错误消息： Failed to resolve filter: HomePageconsole错误信息.jpg 我原来的写法：原来的错误写法.jpg 错误原因： 经过自己的摸索，后来发现竟然是代码顺序错误问题。 由于先执行的pageList,后执行的Vue的过滤方法，最终调整过的写法：修改后的正确写法.jpg 作者：=金刚= 文章地址：http://www.cnblogs.com/woaic 本文已被整...