axios请求报错 Error: Request failed with status code 404

Question

Answer 1

请求的接口地址没找到，报了404错误，而且你的promise没有对异常错误做处理。

Answer 2

凡是400错误，基本都是api代理设置错误。
vue-cli2脚手架创建的项目api代理在config目录的index.js中设置proxyTable

proxyTable: {
      // 设置代理请求
      '/api': {
        target: 'http://192.168.1.1:8081/api/', // 接口地址
        changeOrigin: true, //是否跨域
        pathRewrite: {
          '^/api': '/', //本身的接口地址没有"/api"这种通用前缀,所以要rewrite,如果本身有则去掉.
        },
      },
    },

至于vue-cli3或者vue-cli4中的api代理则需要手动创建vue.config.js文件。在此文件中设置

module.exports = {
    baseUrl: './',
    productionSourceMap: false,
    devServer: {
        port:8888,
        proxy: {
            '/api':{
                target:'http://jsonplaceholder.typicode.com',
                changeOrigin:true,
                pathRewrite:{
                    '/api':''
                }
            },
        }
    }
}