使用vue-cli调接口的时候，总是会出现垮与问题，因为vue的localhost与访问域名不一致导致。而这一点，开发者显然也想到了，故而在vuejs-templates，也就是vue-cli的使用的模板插件里，有关于API proxy的说明，这个配置就是将localhost映射成访问的域名。 那么何为代理？ 代理服务器英文全称是Proxy Server，其功能就是代理网络用户去取得网络信息。形象的说：它是网络信息的中转站。可以简单粗暴理解为把你的域名转换成你访问的域名...
本文介绍了vue-cil和webpack中本地静态图片的路径问题解决方案，分享给大家，具体如下： 1 本地图片动态绑定img的src属性 一般我们在html中或者vue组件文件中引用图片是这样，这是不需要做特别处理的我们将图片放入assets中或者重新建立个文件夹img什么的都可以，随意～ 但是我们这时候可能会有个需求就是我们要动态绑定一组本地图片1 将图片当成模块先引进来，再绑定但是这种做法局限性比较大，模块化差，代码不好看 。 如果我做的...
前提条件是已经有了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文件里面的style样式，在添加例如背景图片的时候，如果用的是相对路径，那么build出来的css文件的路径将会出错，导致找不到图片。通过查找资料，在https://segmentfault.com/q/1010000008438061有人的回答解决了问题。要修改主要有两个，一个就是config/index.js文件，将assetsPublicPath的路径改为./，这是发布路径，如果构建后的产品文件有用于发布CDN或者放到其他域名的服务器，可以在这里进行设置设置之后构建的产品文件...
找到build文件夹下面的webpack.base.conf.js文件。然后打开该文件，找到图下这段代码，把他注释掉。注释掉之后，再进行子页面等编写的时候，空格不规范的情况下也不会再报错啦。因为这个报错对于初学者来说实在头大。哈哈O(∩_∩)O哈哈~我标注的这些地方，原本是有严格的空格规范要求的，这些报错真是另人烦躁呀o(╥﹏╥)o 反正我把这个问题解决了，特别开心哒哒哒~~~ 以上这篇解决vue.js在编写过程中出现空格不规范报错的问题就是...
vue脚手架虽然好用，但是文件配置问题一直很头疼。将原生的代码用vue框架来做，出现种种问题，之前设置小图标的时候也出现了问题，总结了网上的解决方案，在此记下对我亲自试验并奏效的方案：我是直接将favico.ico丢到根目录(就是src同级的目录)，然后进行在build/webpack.dev.conf.js文件配置1.webpack.dev.conf.js文件里plugins里加入这段代码 new HtmlWebpackPlugin({filename: index.html,template: index.html,inject: true,f...
最近在使用vue-router的beforeEach钩子时候遇到了一个问题，就是在beforeEach()中设置好判断条件后出现了无限循环的问题 代码如下： router.beforeEach((to, from, next) => {if(isLogin){next()}else{console.log(测试)next(login)} })结果chrome的debug中看到：这个问题我是这样理解的： router.beforeEach((to, from, next) => {if(true){next()}else{next(login)} })next() 表示路由成功，直接进入to路由，不会再次调用router....
最近开始用vue写个小项目，踩了不少坑，这里记录下爬坑过程，给有同样经历的人帮助。 问题 今天想在vue的项目里面用下拉加载，然后就直接写了:但是我发现我切换路由以后依旧其他页面也触发了scrollHandler函数，然后我想到使用了vue-router做的spa项目，window对象不变的，所以需要在每次使用后销毁。 解决办法 我回去看了下vue文档的生命周期，看到了destroyed，然后直接在这个周期内销毁就可以了。使用throttle出现的新问题 下拉...
前言我们在使用vue-cli启动项目的时候npm run dev便可以启动我们的项目了，通常我们的请求地址是以localhost:8080来请求接口数据的，localhost是没有办法设置cookie的。 我们可以在vue-cli配置文件里面设置一个代理，跨域的方法有很多，通常需要后台来进行配置。我们可以直接通过node.js代理服务器来实现跨域请求。 vue proxyTable接口跨域请求调试在vue-cli项目中的config文件夹下的index.js配置文件中，dev长这样子： dev: {env:...
本文主要给大家介绍了关于vue.js发布后路径引用问题的解决方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍： 在发布到iis目录下时候，如果放在网站的根目录下的时候，是不会有什么问题的但是一旦放在了非根目录的其他文件夹里面，这时候index.html里引用的js和css文件路径都会找不到错误如下打开index.html文件发现里面引用的文件路径不对 这里只需要更改config/index.js配置就可以了更改后的配置这里也视当前...
前言 在Vue中组件是实现模块化开发的主要内容，而组件的通信更是vue数据驱动的灵魂，下面这篇文章将给大家介绍关于Vue2组件间通信的相关内容，下面话不多说，来一起看看详细的介绍。组件通讯包括：父子组件间的通信和兄弟组件间的通信。在组件化系统构建中，组件间通信必不可少的。 父组件--> 子组件1. 属性设置父组件关键代码如下： <template><Child :child-msg="msg"></Child> </template>子组件关键代码如下： export default ...
本文介绍了解决Vue2.0自带浏览器里无法打开的原因（兼容处理），分享给大家，希望对大家有帮助 Vue 之 android内嵌H5页面不显示出现这个问题，原因有很多 首先，别急，请看下面的推荐方案： 1、找个Android真机测试下（机型版本为4.4以上），真机联调测试 Android 只需要四个步骤： 1、先保证 是否安装了chrome浏览器 2、其次 ，保证 chrome 是否 已经翻墙成功！ 3、最后 使用Android 真机连接 电脑 4、最后的最后，打开chrome ,输...
详解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-resource报错450的解决方案，分享给大家，具体如下： 一、基本使用： 1.页面引入import vueResource from vue-resourceVue.use(vueResource)2. 调取接口 Vue.http.post(url, {data1: data1,data2: data2 }).then(response => {console.log(success, response) }, response => {console.log(error, response) })二、报错450 定位错误信息：请求header没有完全一一对应。Content-Type: application/x-www-form-url...
因为我们的应用是单页客户端应用，当使用 history 模式时，URL 就像正常的 url，可以直接访问http://www.xxx.com/user/id，但是因为vue-router设置的路径不是真实存在的路径，所以刷新就会返回404错误。 想要history模式正常访问，还需要后台配置支持。要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。 也就是在服务端修改404错误页...