Vue安装axios后页面空白问题

问题

在使用npm install axios安装了axios，并在main.js中配置完成之后，启动Vue项目，访问页面为空白，查看页面元素，控制台报红TypeError: setting getter-only property "$axios"，在参考某篇文章之后解决问题。

解决

1.安装

vue-cli2和vue-cli3和4安装方法还不一样，我使用的是vue-cli4.3.1，应使用npm add axios，vue-cli2.0使用的是npm install axios。

2. 配置(我觉得这可能是主要问题,没有返回验证)

在main.js中进行配置，不能使用‘’axios‘’字段命名，
之前我是这么写的，页面是空白。

import axios from 'axios'
Vue.prototype.$axios = axios

修改如下之后，完美运行，当然用到axios的地方也要改成$ajax。

import axios from 'axios'
Vue.prototype.$ajax = axios

结束

仅仅为了记录一下问题解决过程，防止以后再次遇到还要找解决方法，也同时为遇到相同问题的朋友提供方便，如有问题烦请指出，谢谢！

参考文章连接：http://www.mamicode.com/info-detail-2627823.html

Vue安装axios后页面空白问题相关推荐

vue ie11打包后页面空白
vue打包后不兼容ie Promise问题 Promise问题 ie是个神奇的浏览器不兼容es6,也就不兼容promise.解决方法 npm install --save babel-polyfill ...
vue 打包路由报错_Vue下路由History模式打包后页面空白的解决方法
vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用场景.新手往 ...
同一个ip服务器comcat下部署第二个项目怎么设置,用nginx在同一服务器端口下部署多个项目，第二个项目打开后页面空白？...
1.问题概括: 按照这篇文章的做法,用nginx在在服务器同一端口下部署多个项目,结果发现,第一个项目正常运行,第二个项目打开后页面空白. 2.服务器上项目文件夹的结构: /home 路径下有两个如下 ...
Vue 切换路由后页面回到页面顶部
Vue 切换路由后页面回到页面顶部 backTop() {window.scrollTo(0, 0)document.body.scrollTop = 0document.documentElemen ...
添加ejs后页面空白解决办法
项目场景: <ul><%for(var i=0;i<list.length;i++){%><li><%=list[i].title%></l ...
vue框架开发出现页面空白、白屏的解决方法总汇
vue框架开发出现页面空白.白屏的解决方法总汇参考文章: (1)vue框架开发出现页面空白.白屏的解决方法总汇 (2)https://www.cnblogs.com/love314159/artic ...
Vue安装axios后报错：Cannot read properties of undefined(reading ‘use‘)
Vue安装axios后报错:Cannot read properties of undefined(reading 'use') 话说这个错误百度了一下午都没解决直到我发下我用的是Vue3.x 于是 ...
vue添加axios及页面的导航、搜索、分页
1.K15项目案例-登录功能步骤1: 添加axios库 npm install axios 步骤2: 在main.js导入 import axios from 'axios' //导入本地库中的 a ...
vue使用history模式页面空白
之前负责了一个项目,使用的是vue.为了避免在地址链接的时候出现问题后端要求去掉#号,也就是使用history模式. 更改history模式后打包部署后发现页面空白.查询了下官网的文档资料https: ...

Vue安装axios后页面空白问题

问题

解决

1.安装

2. 配置(我觉得这可能是主要问题,没有返回验证)

结束

Vue安装axios后页面空白问题相关推荐

最新文章

热门文章