在做后台管理系统项目时,跟着网上的教学视频创建axios实例,并返回请求实例,npm run dev启动项目结果出现了如下的报错
原代码如下:
request(options) {
const instance=axios.create()
options = {...this.getInsideConfig(),...options}
this.interceptors(instance)
return instance(options)
}
}
搜寻了很多解决方案,比如修改webpack.base.conf.js的配置,配置package.json,重装 style-loader和css-loader文件,重新安装了几个版本的vue-loader等都没办法解决项目无法启动的问题。在查阅了axios相关文档后修改为
request(options) {
const instance=axios.create()
options=Object.assign(this.getInsideConfig(),options)
this.interceptors(instance)
return instance(options)
}
}
由此得出应该是没有合适的加载器可以编译原码的语法,修改之后成功运行项目。
axios相关文档链接
链接: link.
在搜寻解决办法时同时也解决了类似以下报错
该报错在我安装了合适版本的vue-loader后就解决了,本项目安装的vue-loader版本是@13.0.0,终端输入npm i vue-loader@13.0.0