public/config.js配置后端路径，在request.js和vue.config.js怎么调用

在前端项目中，通常会使用环境变量或配置文件来管理不同环境下的后端路径。对于`public/config.js`配置后端路径的情况，你可以通过模块化的方式在`request.js`和`vue.config.js`中分别进行调用。

1. 在`request.js`中调用配置文件中的后端路径：
通常在进行HTTP请求的时候，你会使用一个专门的`request.js`文件来封装请求，你可以通过`import`或`require`语句引入`public/config.js`文件中的后端路径配置。假设`config.js`中有一个变量`BASE_URL`存储了后端API的基础地址。

   // request.js
   import config from '@/public/config.js';

   const request = {
     // ...其他请求方法
     get(url) {
       return axios.get(`${config.BASE_URL}${url}`);
     },
     post(url, data) {
       return axios.post(`${config.BASE_URL}${url}`, data);
     },
     // ...其他请求方法
   };

   export default request;

在上面的代码中，我们假设`axios`已经安装并配置好了。当调用`request.get`或`request.post`方法时，会自动将基础URL附加到请求的URL前面。

2. 在`vue.config.js`中调用配置文件中的后端路径：
`vue.config.js`是一个配置Vue CLI项目的文件，在这个文件中，你通常需要进行一些构建配置，比如代理API请求。你可以通过`const config = require('path/to/public/config.js')`的方式引入后端路径配置。

   // vue.config.js
   const config = require('./public/config.js');
   
   module.exports = {
     devServer: {
       proxy: {
         '/api': {
           target: config.BASE_URL, // 在这里使用config.js中的BASE_URL
           changeOrigin: true,
           pathRewrite: {
             '^/api': '' // 重写请求路径，因为代理到基础URL
           }
         }
       }
     }
   };

在上面的`vue.config.js`配置中，我们使用了代理来转发以`/api`开头的请求到`config.js`中定义的`BASE_URL`。这样在开发时，前端请求`/api/some-endpoint`会被代理到`BASE_URL/some-endpoint`。