vue全家桶项目应用断断续续的记录
一、引用axios插件报错
Cannot read property 'protocol' of undefined
解决方法:在mainjs文件中把axios引入vue的原型函数中,和vue-resource的使用方法不一样!记得是mainjs,不是路由配置文件
import axios from 'axios'
Vue.prototype.$http = axios
二.axios跨域问题解决
和登陆注册有关
vue中axios解决跨域问题和拦截器使用
1)先在nodejs中设置好运行跨域,下面转载原博主的解决方法!!!很感谢他
node配置消息头地方是在搭建服务器那里的appjs文件

在indexjs文件中配置Dev的proxyTable属性(如果上面测试通过了这里就不用加)
proxyTable:{
 /* '/api': {
    target:'http://127.0.0.1:3010/',//设置你调用的接口域名和端口号
    changeOrigin: true,//支持跨域
    pathRewrite: {
      '^/api': ''
      //这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add',直接写‘/api/user/add’即可
    }
  }*/
}
二.存在asset的图片加载失败解决方法链接
最后还是放在static了。。。。
vue全家桶项目应用断断续续的记录的更多相关文章
- 已配置好的vue全家桶项目router,vuex,api,axios,vue-ls,async/await,less下载即使用
		
github 地址: https://github.com/liangfengbo/vue-cli-project 点击进入 vue-cli-project 已构建配置好的vuejs全家桶项目,统一管 ...
 - vue全家桶项目搭建(vue-cli 2.9.6+vue-router+vuex+axios)
		
一.安装vue-cli + vue-router + vuex + axios 1.安装vue-cli 2.创建项目 3.安装vuex和axios 二.搭建项目目录结构,如下所示: 1.assets目 ...
 - 升级vue全家桶过程记录
		
背景 如果你使用了element-ui的el-tabs组件,并且想要单独升级element-ui至2.10.0,你会发现,使用了el-tabs组件的页面只要打开就卡死.原因是element-ui~2. ...
 - 【实战】Vue全家桶(vue + axios + vue-router + vuex)搭建移动端H5项目
		
使用Vue全家桶开发移动端页面. 本博文默认已安装node.js. github链接 一.准备工作 安装vue npm install vue 安装脚手架vue-cli npm install -g ...
 - [在线+源码]vue全家桶+Typescript开发一款习惯养成APP
		
# vue-ts-daily 基于Vue.js的2.5.13版本和TypeScript编写的模仿原生应用的WebApp. [源码地址](https://github.com/xiaomuzhu/vue ...
 - 用 Vue 全家桶二次开发 V2EX 社区
		
一.开发背景 为了全面的熟悉Vue+Vue-router+Vuex+axios技术栈,结合V2EX的开放API开发了这个简洁版的V2EX. 在线预览 (为了实现跨域,直接npm run dev部署的, ...
 - Vue全家桶
		
简介 “简单却不失优雅,小巧而不乏大匠”. Vue.js 是一个JavaScriptMVVM库,是一套构建用户界面的渐进式框架.它是以数据驱动和组件化的思想构建的,采用自底向上增量开发的设计. 为什么 ...
 - 从零开始系列之vue全家桶(3)安装使用vuex
		
什么是vuex? vuex:Vue提供的状态管理工具,用于同一管理我们项目中各种数据的交互和重用,存储我们需要用到数据对象. 即data中属性同时有一个或几个组件同时使用,就是data中共用的属性. ...
 - 使用vue全家桶制作博客网站
		
前面的话 笔者在做一个完整的博客上线项目,包括前台.后台.后端接口和服务器配置.本文将详细介绍使用vue全家桶制作的博客网站 概述 该项目是基于vue全家桶(vue.vue-router.vuex.v ...
 
随机推荐
- 函数的名称空间,函数的嵌套(global, nonlocal),函数名的运用
			
一 函数的名称空间 内置空间:存放python解释器内置函数的空间 全局空间:py文件运行时开辟的,存放的是执行的py文件(出去函数内部)的所有的变量与值的对用关系,整个py文件结束后才会消失. 局部 ...
 - 03-flex-wrap是否换行
			
flex-wrap:运用到父元素上 结合 display: flex; flex-wrap: wrap; 换行 flex-wrap: nowrap; 不换行 #main { width: 300px ...
 - 初学JavaScript正则表达式(七)
			
量词 例: \d{20}\w\d?\w+\d*\d{3}\w{3,5}\d{3,} 20次数字字符 单词字符 出现零次或一次数字字符 至少出现一次单词字符 出现任意次数字字符 出现3次数字字符 出现3 ...
 - ACM-求质因数
			
求输入数字的所有质因数,并将所有质因数进行排序,并以质因数+空格的形式输出 #include <iostream> #include <string> #include < ...
 - 浅谈C++ STL deque 容器
			
浅谈C++ STL deque 容器 本篇随笔简单介绍一下\(C++STL\)中\(deque\)容器的使用方法及常见使用技巧. deque容器的概念 \(deque\)的意义是:双端队列.队列是我们 ...
 - 修改官方发行openstack镜像的cloud-init登录方式为账号密码登录
			
openstack使用的镜像多为qcow2格式,各个发行商也开源了针对openstack制作的镜像.但是这些镜像的登录方式都是注入用户名和密码的方式,就是说不能够直接通过账号和密码登录.那么如何将一个 ...
 - stacky footer
			
div{border:1px solid #CCC;} .wrapper{ width:100%; height:100%; display:flex; flex-flow: column; } .c ...
 - Tomca原理分析之责任链
			
责任链使用位置:Container处理请求 Container处理请求是使用Pipeline-Valve管道来处理的!(Valve是阀门之意) Pipeline-Valve是责任链模式,责任链模式是指 ...
 - 【linux】查看GPU使用率
			
nvidia-smi -l 1 每秒刷新一次
 - Java对象依次取出属性,并去掉特殊字符
			
工作里从数据库往前台调数据的时候,庞大的数据量里难免有些字段里包含空格或者一些特殊字符,在前台显示出来会非常不美观,所以在此记录一个去对象内所有属性特殊字符的方法: //获得该对象属性的集合 Fiel ...