启动项目突然发下控制台有图1所示报错,查看vue.config.js发现配置项如下代码:
const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
transpileDependencies: true,
lintOnSave: false,
devServer: {
proxy: {
"/api": {
target: `http://gmall-h5-api.atguigu.cn`, //请求后台接口
changeOrigin: true, // 允许跨域
pathRewrite: { "^/api": "" }, //路径改写
},
},
},
});
`
添加代码:
configureWebpack: {
target: "node",
}
如下:
const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
transpileDependencies: true,
lintOnSave: false,
devServer: {
proxy: {
"/api": {
target: `http://gmall-h5-api.atguigu.cn`, //请求后台接口
changeOrigin: true, // 允许跨域
pathRewrite: { "^/api": "" }, //路径改写
},
},
},
configureWebpack: {
target: "node",
}
});
此时程序可启动,仍有警告如图2
添加代码:
const nodeExternals = require("webpack-node-externals");
externals: [nodeExternals()],
const { defineConfig } = require("@vue/cli-service");
const nodeExternals = require("webpack-node-externals");
module.exports = defineConfig({
transpileDependencies: true,
lintOnSave: false,
devServer: {
proxy: {
"/api": {
target: `http://gmall-h5-api.atguigu.cn`, //请求后台接口
changeOrigin: true, // 允许跨域
pathRewrite: { "^/api": "" }, //路径改写
},
},
},
configureWebpack: {
target: "node",
externals: [nodeExternals()],
}
});
重新启动项目,发现无报错了