解决控制台报出以下错误
报错问题一:
刚刚在运行项目的时候,控制台报出以下错误
是在我尝试从登录页面跳转到后台页面发生的报错,导致这个问题产生的原因就是在某种情况下,Vue组件的编程逻辑触发了不必要的重复路由导航,比如我,也就是代码中可能多次调用了this.$router.push('/home/student'),然而当前已处于这个页面。
所以就要在代码进行路由跳转之前,先检查一下当前路由的状态,如果即将跳转到页面和当前所在页面相同,就避免再次进行页面跳转
加入以下代码即可解决问题
if (this.$route.path !=== '/home/student') {
this.$router.push('/home/student');
}
报错问题二:
隔段时间又运行项目的时候报错:您可能需要一个适当的加载器来处理此文件类型。
这是在解析./node_modules/axios/lib/platform/index.js文件时,由于babel配置问题导致。为解决此问题,需要加一个babel配置文件或者更改现有的配置文件。
解决方法:在webpack配置文件---webpack.base.conf.js里的module rules中添加以下代码:
{
test: /\.js$/,
exclude: file => (
/node_modules/.test(file) &&
!/axios/.test(file) // 只包括axios库
),
use: {
loader: 'babel-loader'
}
},
如果rules里有以下代码,那么就注释掉或者删除,改成上述代码即可。
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
},
那么,如何解决跨域问题呢?
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通