vue.config.js 配置

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,

//    

// })