この記事の内容は主にインターフェースを書くことです
ページ コンテンツを追加する
変数と関数を追加する
axiosをインストールする
呼び出しインターフェース
正常に実行してから、パックして試してみてください. npm run build を実行すると、 vue.config.js を構成していないため、エラーが報告されていることがわかります.
最初にパスの依存関係をダウンロードし、npm install --save path を
実行してから作成します. vue.config.js ファイル
コードは次のとおりです。
const path = require("path");
function resolve(dir) {
return path.join(__dirname, dir);
}
module.exports = {
// 是否开启eslint保存检测,有效值:ture | false | "error"
lintOnSave: false,
// 运行时版本是否需要编译
runtimeCompiler: true,
// 默认babel-loader忽略mode_modules,这里可增加例外的依赖包名
transpileDependencies: [],
// 是否在构建生产包时生成 sourceMap 文件,false将提高构建速度
productionSourceMap: false,
css: {
loaderOptions: {
sass: {
data: "",
},
},
},
pluginOptions: {
// 第三方插件配置
},
pwa: {
// 单页插件相关配置 https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
},
configureWebpack: {
externals: {
BMap: "BMap",
},
},
chainWebpack: (config) => {
config.resolve.alias
// .set("@", resolve("src"))
// .set("components", resolve("src/components"));
.set("@", resolve("src"))
.set("public", resolve("public"))
.set("view", resolve("src/view"))
.set("assets", resolve("src/assets"))
.set("components", resolve("src/components"))
.set("styles", resolve("src/styles"))
.set("methods", resolve("src/methods"));
},
devServer: {
open: false,
host: "0.0.0.0",
port: 9991,
https: false,
hotOnly: false,
// proxy: null,
proxy: {
"/api": {
target: "***你的接口地址***", // 生产环境
changeOrigin: true,
pathRewrite: {
"^/api": "",
},
},
},
},
publicPath: "./",
};
あなたは終わった