Vue.js Web 前后端分离配置 CC 规则 - 使用 vue-cli-service 代理 API 请求

你可以使用vue-cli-service来配置cc规则。首先，你需要在项目根目录下创建一个vue.config.js文件，如果已存在该文件，则可以直接编辑。

然后，你可以在vue.config.js中添加以下配置：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://your-api-server.com', // 将请求代理到你的API服务器
        changeOrigin: true,
        pathRewrite: {
          '^/api': '' // 重写请求路径，去掉/api前缀
        }
      }
    }
  }
}

在上面的配置中，你需要将'http://your-api-server.com'替换为你实际的API服务器地址。这样，当你的前端应用发起以/api开头的请求时，它会被代理到你的API服务器。

注意：这里的配置是针对开发环境的，如果你需要在生产环境中使用类似的代理配置，你需要在服务器上进行相应的配置。

完成以上配置后，你可以重新启动开发服务器，然后在前端应用中使用/api作为接口路由，例如axios.get('/api/user')。这样，请求将会被代理到你的API服务器，并且路径中的/api前缀会被去掉。

希望以上信息对你有所帮助！