OoStringoO 2023-04-17 03:07 采纳率: 100%
浏览 65
已结题

vue项目启动main.js配置问题

求帮忙分析一下,非常感谢,手动创建一个vue2项目,前面都没有遇到问题,同时我还配置了一下前后端联动的设置
main.js中

img


config的index.js中

img

就到运行的时候,出现了eslint报错,我就手动去config里的index配置里关掉了eslint,然后运行没问题了,
然后启动之后发现前段页面是空白的,打开F12,出现了一个这个错误

img

然后我就在csdn中找办法,最后发现是main.js里baseURL这个东西失效了,然后我就发现defaults这个位置有个提示,如下

img

我就把defaults改成了default,页面就正常可以运行,由于我不清楚default和defaults啥区别,而且csdn上也没有这类知识,我就试着做登录,登录报错,提示$axios.post不是函数,如下:

img


不知道怎么解决了,求指点

  • 写回答

3条回答 默认 最新

  • MINO吖 2023-04-17 03:29
    关注

    axios.defaults是全局设置。
    通常的写法如下:

    1. 在util文件夹下创建一个request.js,在里面通过import的方式引入axios,创建一个axios实例,对实例设置baseUrl、请求、响应拦截器等等
    2. 在main.js中引入request.js文件即可
    3. 在请求接口的方法中使用axios实例进行请求
    import request from "util/request.js"
    
    export function getList() {
        return request.get("/xxx")
    }
    

    配置代理,baseURL设置“/api”即可,在浏览器Network中可以看到请求的接口都是 “localhost:3000/api/xxx”,会代理到8000端口

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
    OoStringoO 2023-04-17 03:43

    我去试一下哈,感谢

    回复
查看更多回答(2条)
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 4月25日
  • 已采纳回答 4月18日
  • 创建了问题 4月17日
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部