temporary-parking-frontend/vue.config.js

const path = require('path');
const postcssPxToViewport = require('./postcss.config');
const vueSrc = 'src';

module.exports = {
  assetsDir: './src/static',
  css: {
    loaderOptions: {
      // 给 less-loader 传递 Less.js 相关选项
      less: {
        lessOptions: {
          // javascriptEnabled: true,
        },
        additionalData: `@import "@/styles/common.less";`,
      },
      // scss: {
      // 	// prependData: [path.resolve(__dirname, './src/uni.scss')],
      // 	sassOptions: {
      // 		additionalData: `@import "~@/uni.scss";`
      // 	}
      // },
      scss: {
        additionalData: `@import "~@/uni.scss";`,
      },
    },
  },
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [path.resolve(__dirname, './src/styles/common.less')],
    },
  },
  chainWebpack: (config) => {
    config.module
      .rule('vue')
      .test(/\.vue$/)
      .use('postcss-style-px-to-viewport')
      .loader('postcss-style-px-to-viewport')
      .options(postcssPxToViewport.plugins['postcss-px-to-viewport'])
      .end();
    config
      .plugin('html')
      .tap((args) => {
        args[0].title = '临时停车';
        return args;
      })
      .end();
  },
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.join(__dirname, vueSrc),
      },
    },
  },
  devServer: {
    proxy: {
      '/profileApi': {
        target: 'https://dev-apim.kerryplus.com/c/api', //代理地址，这里设置的地址会代替axios中设置的baseURL
        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
        //ws: true, // proxy websockets
        //pathRewrite方法重写url
        pathRewrite: {
          '^/profileApi': '',
          //pathRewrite: {'^/api': '/'} 重写之后url为 http://192.168.1.16:8085/xxxx
          //pathRewrite: {'^/api': '/api'} 重写之后url为 http://192.168.1.16:8085/api/xxxx
        },
      },
      '/qaPayment': {
          target: 'https://dev-payment.kerryonvip.com', //代理地址，这里设置的地址会代替axios中设置的baseURL
        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
        //ws: true, // proxy websockets
        //pathRewrite方法重写url
        pathRewrite: {
          '^/qaPayment': '',
          //pathRewrite: {'^/api': '/'} 重写之后url为 http://192.168.1.16:8085/xxxx
          //pathRewrite: {'^/api': '/api'} 重写之后url为 http://192.168.1.16:8085/api/xxxx
        },
      },
    },
  },
};