const { defineConfig } = require('@vue/cli-service')
//按需引入
// const AutoImport = require('');
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')
module.exports = defineConfig({
transpileDependencies: true,
lintOnSave: false,
configureWebpack: {
plugins: [
AutoImport({
resolvers: [ElementPlusResolver()]
}),
Components({
resolvers: [ElementPlusResolver()]
})
]
},
// 基本路径 整个文件夹在哪
publicPath: './',
// 输出文件目录 文件夹名
outputDir: 'dist',
// 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。 资源放的目录
assetsDir: "./static",
devServer: {
proxy: {
"/": { //捕获API的标志，如果API中有这个字符串，那么就开始匹配代理，
target: "http://127.0.0.1:60056/DressShow_ManageSystem_war_exploded/", //代理的api地址，就是要跨域的地址
changeOrigin: true, // 这个参数可以让target参数是域名
ws: false, //是否启用websockets，用不到可设为false
pathRewrite: { //对路径匹配到的字符串重写
"^/api": ""
},
headers: {
"Access-Control-Allow-Origin": "*",
referer: 'http://127.0.0.1:60056/DressShow_ManageSystem_war_exploded/', //这里后端做了拒绝策略限制，请求头必须携带referer，否则无法访问后台
}
},
// port: 3000
},
}
});
// const { defineConfig } = require('@vue/cli-service')
// module.exports = defineConfig({
// transpileDependencies: true,
//
// })