vue中在vue.config.js中配置绝对路径和全局样式引入和跨域问题配置

1：配置绝对路径

configureWebpack: {        resolve: {            alias: {                '@': path.join(__dirname, 'src'),                'components': path.join(__dirname, 'src/components'),                'common': path.join(__dirname, 'src/common')            }        }    }

2：全局样式引入

 css: {        loaderOptions: {            stylus: {                import: ['~@/common/stylus/mixin.styl', '~@/common/stylus/variable.styl']            }        }    }

3：跨域问题配置

 devServer: { //跨域配置        proxy: {            '/api': {                target: "https://c.y.qq.com/musichall/fcgi-bin/",                // ws: true,                changOrigin: true,                pathRewrite: {                    '^/api': ''                }            }        },        before(app) {            app.get('/api/getDiscList', (req, res) => {                var url = 'https://c.y.qq.com/splcloud/fcgi-bin/'                axios.get(url, {                    headers: {                        referer: 'https://c.y.qq.com/',                        host: 'c.y.qq.com'                    },                    params: req.query                }).then((response) => {                    res.json(response.data)                }).catch((e) => {                    // console.log(e)                })            })        }