未找到模块：错误：无法解析“./http common”vue js axios

Question

我使用本教程：https://alligator.io/vuejs/rest-api-axios/ 并尝试像这样使用axios：在我的main.js文件中：

import axios from 'axios'

export const HTTP = axios.create({
    baseURL: `http://api.com/api/`,
    headers: {
        // Authorization: 'Bearer {token}'
    }
})

在my.vue文件中：

import {HTTP} from './http-common';
let params = {
                    email: this.login,
                    pwd: this.pwd
                }
                HTTP.post(`login`, params)
                    .then(response => {
                        alert(response);
                    })
                    .catch(e => {
                        this.errors.push(e)
                    })

错误。/node_modules/Babel-loader/lib！。/node_modules/vue-loader/lib/selector.js?type=script

Answer 1

试着改变

import{HTTP}from./HTTP common' 到

导入{HTTP}from...超文本传输协议

希望这在某些情况下有所帮助。

Answer 2

您需要从main.js导入

从“/main”导入{HTTP}