vue项目打包部署后怎样修改请求地址

vue打包后没有代理了 请问怎样吧红色框中的请求主机和端口号换一下

img

Vue.js项目打包部署后修改请求地址(包括主机和端口号),需要修改应用的配置文件。

在 Vue.js 项目中,配置文件通常位于config目录中并命名为index.js. 此文件包含 Vue.js 应用程序的各种设置,包括应用程序的基本 URL 和 API 请求的代理设置。

要修改应用程序的基本 URL,您可以更新对象baseUrl中的属性config。例如:

module.exports = {
  baseUrl: 'http://localhost:8080/my-app/',
  // Other configuration settings
}

要修改 API 请求的代理设置,您可以更新对象proxyTable中的属性config。该属性是一个将目标 URL 映射到代理 URL 的对象。例如:

module.exports = {
  // Other configuration settings
  proxyTable: {
    '/api': {
      target: 'http://api.example.com:3000',
      changeOrigin: true,
      pathRewrite: {
        '^/api': '/'
      }
    }
  }
}

在此示例中,baseUrl属性设置为http://localhost:8080/my-app/,并且proxyTable属性设置为将 API 请求转发到http://api.example.com:3000。

更新配置文件后,您将需要重建并重新部署 Vue.js 应用程序以使更改生效。

我希望这有帮助!

要在请求拦截器中把config中的url改了就变了