vue-element-admin 在本机运行,请求远程服务器端口的问题

我需要在vscode上运行项目,然后请求远程服务器的接口,需要把http://www.htqq.sale/wlrz/php/admin/muser/login.php这个接口分为两部分,http://www.htqq.sale/wlrz/php,这是第一部分,/admin/muser/login.php,这是第二部分,要求以后我可以随时更换第一部分的地址,可以帮我的直接私信我远程调试。
别给我发链接,我又不是不会谷歌,解决不了才来问的嘛

img

img

img


 '/dev-api/': {
          target: 'http://www.htqq.sale/wlrz/php/',
          changeOrigin: true,
          logLevel: 'debug'
}

# base api
VUE_APP_BASE_API = '/dev-api'

请求

/admin/muser/login.php

不对的话,我帮你远程。

pathRewrite: {
      '^/php': '/php'
    }

不需要加pathRewrite


        '/test': {
          target: 'http://www.htqq.sale/wlrz/php',
          changeOrigin: true,
          logLevel: 'debug',
          pathRewrite: {
            '^/test': ''
          }
url: 'test/admin/muser/login.php

打开F12的网络,确认下标头是不是拼接成了你想要的地址。

img

开发环境不需要拼接完整URL,仅需要请求/admin/muser/login.php,由dev-server完成代理
正式环境视实际情况而定。同域下同样路径直接/即可,不同则需要拼接完整URL

// 1. 设置环境变量  
// .env.development 中 VUE_APP_BASE_API = ''
// .env.production 中  VUE_APP_BASE_API = 'http://www.htqq.sale/wlrz/php'

// 2.设置axios 
const axios = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  ...
})  
export default axios

// 3.使用axios实例请求
import request from '...' // axios路径

return request({
  url: `/admin/muser/login.php`  // 如不设置axios baseURL,也可在这里拼接
  ...
})
 
// 4.设置代理,代理本地请求/admin开头的
'^/admin': {
      target: 'http://www.htqq.sale/wlrz/php',
      changeOrigin: true,  
}

https://blog.csdn.net/ywdhzxf/article/details/90518807?spm=1005.2026.3001.5635&utm_medium=distribute.pc_relevant_ask_down.none-task-blog-2~default~OPENSEARCH~Rate-3.pc_feed_download_top3ask&depth_1-utm_source=distribute.pc_relevant_ask_down.none-task-blog-2~default~OPENSEARCH~Rate-3.pc_feed_download_top3ask