创建vue.config之后使用

创建了`vue.config.js`文件后，你可以在其中配置一些Vue项目的构建和开发行为。以下是一些常见的用法示例：

1. 配置代理：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://api.example.com', // 跨域请求的目标域名
        changeOrigin: true, // 启用跨域
        pathRewrite: {
          '^/api': '' // 重写请求路径，将 /api 替换为空
        }
      }
    }
  }
};

这样，当你在项目中发送以`/api`开头的请求时，会被代理到`http://api.example.com`域名下。

2. 配置打包输出路径：

module.exports = {
  outputDir: 'dist', // 打包输出的目录，默认为dist
  assetsDir: 'assets', // 静态资源（js、css、img等）的目录，默认为assets
  publicPath: '/', // 部署应用时的根路径，默认为/
};

3. 配置Webpack：

module.exports = {
  configureWebpack: {
    // 在这里可以添加自定义的Webpack配置
  },
};

你可以根据具体需要，添加一些自定义的Webpack配置。

4. 配置全局SCSS变量：

module.exports = {
  css: {
    loaderOptions: {
      scss: {
        additionalData: `
          @import "@/styles/variables.scss";
        `
      }
    }
  }
};

这样，你可以在项目中的任何地方使用`@import "@/styles/variables.scss";`来引入全局的SCSS变量。

这些只是一些常见的用法示例，你可以根据具体需求在`vue.config.js`中进行更多的配置。配置完成后，重新启动开发服务器或者重新打包项目，配置的变更将生效。

希望对你有所帮助！如果还有其他问题，请继续提问。