若依前端用$.ajax调外部接口，url如何设置成默认vue.config端口地址加接口地址

若使用 Vue CLI 创建的项目，可以通过在 `vue.config.js` 中配置代理来实现将请求转发到后端接口。具体来说，可以在 `vue.config.js` 中添加如下代码：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 后端接口地址
        changeOrigin: true, // 允许跨域
        pathRewrite: {
          '^/api': '' // 将请求地址中的 /api 替换为空字符串
        }
      }
    }
  }
}

接着，在前端通过 `$.ajax` 调用后端接口时，只需要将请求地址设置为 `/api/xxx` 即可，如：

$.ajax({
  url: '/api/login', // 将请求地址设置为 /api/login
  type: 'post',
  data: { username: 'xxx', password: 'xxx' },
  success: function(data) {
    console.log(data)
  }
})