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

Question

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

Answer 1

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 应用程序以使更改生效。

我希望这有帮助！