谁tm学前端啊? 2022-03-04 22:04 采纳率: 0%
浏览 1162
已结题

axios.defaults.baseURL无效,启动后依然是vue的默认端口

刚接触前端,想使用fastmock网站的模拟接口,设置axios.defaults.baseURL不起作用,启动后依然是vue的默认端口,搞不清楚什么情况

报错:
GET http://localhost:8080/user/login 404 (Not Found)
Uncaught (in promise) Error: Request failed with status code 404

img

img

文件:

// main.js
import router from './router'
import store from './store'
import app from './App.vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

createApp(app).use(store).use(router).use(VueAxios, axios).mount('#app')

axios.defaults.baseURL = 'https://www.fastmock.site/mock/41ad676f207d8fa9d618b65a76b2684e/api';
axios.defaults.timeout = 5000;
// App.vue
<template>
  <div class="app">
    <router-view></router-view>
  </div>
</template>
<script>
export default{
        name:'app',
        data(){
          return {
            res:{}
          }
        },
        mounted(){
          this.axios.get('/user/login').then((res) => {
            this.res = res;
          })
        }
    }
</script>
// vue.config.js
module.exports = {
    devServer: {
        proxy: {
            '^/api': {
                target: 'https://www.fastmock.site/mock/41ad676f207d8fa9d618b65a76b2684e/api',
                pathRewrite: {
                    '^/api': ''
                },
                changeOrigin: true,
                secure: false
            }
        }
    }
}

平台上的模拟接口也设置好了,实在是不知道什么情况

  • 写回答

3条回答 默认 最新

  • 渡鸦七 2022-03-05 11:02
    关注

    axios.defaults.baseURL里面是配置你调用服务端的基础路径

    img

    就是你所有api共有的域名 其他正常写就行

    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 3月11日
  • 创建了问题 3月4日

悬赏问题

  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 问一下,定向解包是什么意思
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上,请大家贡献智慧
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。
  • ¥15 各位 帮我看看如何写代码,打出来的图形要和如下图呈现的一样,急
  • ¥30 c#打开word开启修订并实时显示批注
  • ¥15 如何解决ldsc的这条报错/index error
  • ¥15 VS2022+WDK驱动开发环境
  • ¥30 关于#java#的问题,请各位专家解答!