App.vue触发axios报错及解决方案

绝尘小浪

已于 2024-04-01 15:39:23 修改

阅读量467

点赞数 1

文章标签：前端 javascript

于 2024-04-01 15:38:55 首次发布

本文链接：https://blog.csdn.net/weixin_43858851/article/details/137235498

版权

本文讲述了在Vue项目中，如何解决在App.vue组件中使用axios时遇到的错误，并指导读者修改vue.config.js的devServer配置以确保npmrundev命令成功运行。重点在于publicPath和assetsDir的设置以及overlay选项的调整。

摘要由CSDN通过智能技术生成

App.vue触发axios报错及解决方案
在这里插入图片描述

修改根目录下vue.config.js文件

module.exports = {
  publicPath: './',
  assetsDir: 'assets',
  configureWebpack: {
    devServer: {
      client: {overlay: false}
    }
  }
}

重新npm run dev
搞定

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

绝尘小浪

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue.js 3 实现登录后自动更新 App.vue

____

03-16

1500

需求使用vue.js 3 用户登陆之后，router 进行replace更新，但 App.vue 中的导航没有更新。解决办法，使用vuex 的 store，就是先将这个提交在 store里面，然后进行 this.$store.commit('realoadLogin') 触发更新。示例 App.vue # App.vue <script> import {RouterLink, RouterView} from 'vue-router' export default { comput

前端开发②（vue 和 Axios）

m0_53698336的博客

12-02

1392

Vue.js的基本认识 Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式（核心 + 扩展）框架。 Vue 只关注视图层，采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue.js 就是一个 MVVM 的实现者，他的核心就是实现了 DOM 监听与数据绑定。 MVVM MVVM（Model-View-ViewModel）是一种软件架构设计模式。把Model和View关联起来的就是ViewModel。Vie

参与评论您还未登录，请先登录后发表或查看评论

Vue3 安装axios使用报错：Uncaught TypeError: Cannot read property ‘use‘ of undefined

鹤汀凫渚的博客

05-06

6003

最近在学习Vue3，使用vue cli4搭建了一个demo项目，安装axios后，控制台报错： Uncaught TypeError: Cannot read property 'use' of undefined at eval (axios.js?be3b:59) at Module../src/plugins/axios.js (app.js:1229) at __webpack_require__ (app.js:854) at fn (app.js:151)

axios（九）-- 适配器（adapter）处理请求

小+

12-11

5261

Axios 中的公共方法 1、关键 adapter 做了一件事非常简单，就是根据不同的环境使用不同的请求。如果用户自定义了adapter，就用config.adapter。否则就是默认是default.adpter. adpter 适配浏览器的xhr，和node的http 2、源码：默认适配器 default.js import utils from './utils' var defaults = { // ... // 请求超时时间，默认不超时 timeout: 0,

VUE3中错误提示在页面上以红色覆盖层（overlay）显示的问题

最新发布

XIoahua的博客

10-02

443

今天在使用vue3做一个小demo，一开始觉得红色的提示层还挺好的，把错误信息都可以展示出来方便找错误但是有时候一些错误确实只适合在后端控制台显示,于是我们可以在vue的配置文件中修改一下，就可以不让他再次显示了。

uniapp中使用axios在真机运行报错（一）

qq_45569925的博客

04-20

928

解决方法：使用Axios适配器进行解决，本文使用的适配器为。第二步：引入并使用适配器。第一步：先安装适配器。

Vue 项目安装 axios 出现错误解决方法

weixin_57664029的博客

03-17

1896

在Vue项目当中使用npm install axios --save 安装axios的时候出现项目版本依赖冲突的解决方法

vue项目模块导入报错

weixin_41791737的博客

05-09

2748

vue项目模块导出报错新建文件后导出文件 const BASEURL = “https://mtest.xxxxx.com.cn/micro-plat/” const LOCALURL = “http://localhost:8080” const AXIOSURL={ getProductInfo: BASEURL+‘commonData/productInfo.do’ //商城首页所有信息 } module.exports = AXIOSURL//老写法会报错其他文件引用 import AXIO

解决Vue在封装了Axios后手动刷新页面拦截器无效的问题

10-17

axios.interceptors.request.use(function(config) { // 确保能够使用window.app if (window.app) { // 使用window.app.$vux来进行提示 window.app.$vux.toast.show(...); } return config; }, function...

2-5.vue+axios+element-ui实现分页查询

落叶的博客

03-04

2685

Vue与Axios结合进行后台交互这里是将vue与element-ui组件结合使用，在使用之前，得准备好vue与element-ui的安装环境，详情安装操作请参考博客https://blog.csdn.net/weixin_43913219/article/details/104296020 在之前的博客中只是模拟了一些数据，并没有与后台进行交互。这次是将axios与vue结合进行后台交互。安...

VUE：axios配置及接口请求路径api配置

干饭搬砖两不误。

09-01

1万+

关于vue中使用axios请求的配置,注意其中区分Vue2.0和Vue3.0的写法。

vue-cli 关闭 Uncaught error 的全屏提示

qq_33733799的博客

05-15

9329

在使用`vue-cli`开发项目的时候，如果代码抛出异常了，那么就会出现一个全屏的提示框，长下面这样

解决报错覆全屏

rb258369的博客

10-09

475

解决报错覆全屏

vue项目中Uncaught runtime errors:怎样关闭

qq_36877078的博客

06-12

1万+

关闭vue项目中因为webpack产生的全局报错提示

webpack高级应用篇（三）：ESLint

知之为知之，不知为不知

12-07

2185

本文介绍webpack 结合 ESLint 使用；主要解决安装ESLint、ESLint实时检查、IDE中使用ESLint、快捷修复；vscode eslint；webstorm eslint；eslint --fix；devServer.client.overlay；vue 官方: eslint-config-vue；ESLint常见问题及解决方案...

axios前端请求全局封装及引入

weixin_53474595的博客

11-08

620

说明：process.env.NODE_ENV的值是根据package.json文件mode 后面值确认的，根据不同的运行命令获取不同的mode值，以便获取不同的baseURL。3.在utils文件夹里新建http.js文件，封装常见的get、post、put、delete等请求。2.在utils文件夹里新建request.js文件，同时引入ip-config文件。4.在入口文件main.js里全局引入http.js文件并全局挂载。

Vue3中使用axios

热门推荐

九仞山的专栏

06-13

2万+

详细介绍了axios的安装和基本用法，如何在Vue3中使用axios发送HTTP请求，如何封装axios，使代码具有更好的可维护性，同时，针对跨域问题，也进行了详细的讲解

webpack5 学习进阶：开发效率和代码规范

weixin_43299180的博客

07-22

1041

historyApiFallback在单页面应用中，使用history路由时，当页面找不到资源时会返回404，可以通过这个参数让所有的404响应都被替换为index.html；开发环境下，我们往往需要开启一个web服务，方便我们模拟一个用户从服务器访问我们的web服务的场景，用来观察我们的代码在客户端的表现；ESLint是用来扫描代码是否符合规范的工具，严格来说eslint和webpack是无关的，但是在工程化的开发环境中，它又是不可或缺的；可以实现页面的部分刷新；..................

vue解决跨域方法

u012026658的博客

07-31

757

vue解决跨域方法什么是跨域跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议，端口，域名。只要这个3个中有一个不同就是跨域。这里列举一个经典的列子： #协议跨域 http://a.baidu.com访问https://a.baidu.com； #端口跨域 http://a.baidu.com:8080访问http://a.baidu.com:80； #域名跨域 http://a.baidu.com访问http://b.baidu.com；现在很多公司都是采用前后

Vue Axios Token封装与管理实践

"本文主要介绍了一个Vue项目中使用axios获取和处理临时令牌的封装实践，涉及到Vue、axios、Vuex和LocalStorage的使用。在实际开发中，为了保证安全性，前端通常需要从App获取签名参数，然后传递给后端进行验签，并在...