vue3vite配置跨域路劲重写

要在Vue3和Vite中配置跨域和路径重写，你可以按照以下步骤进行操作:

1. 打开vite.config.ts文件，在server配置中添加proxy字段用于反向代理，将需要跨域的请求重定向到目标地址。例如，假设需要将`/api`请求重定向到`http://10.111.42.142:8000`，可以这样配置：

server: {
  proxy: {
    '/api': {
      target: 'http://10.111.42.142:8000',
      changeOrigin: true,
      rewrite: (path) => path.replace(/^\/api/, '')
    }
  }
}

2. 如果你想使用`@`符号来引入文件，你可以修改vite.config.ts文件的resolve配置。将`@`替换为`.../.../`可以实现路径重写。例如：

resolve: {
  alias: {
    '@': fileURLToPath(new URL('./src', import.meta.url))
  }
}

这样，你就可以在Vue3和Vite中进行跨域和路径重写的配置了。请确保在修改配置文件后重新启动应用程序以使更改生效。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vite打包vue3项目白屏报错](https://blog.csdn.net/A88552211/article/details/129270894)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [vue3.0+vite+elementPlus+ts项目搭建之三——使用proxy配置代理转发以及配置使用@路径引入](https://blog.csdn.net/qq_34645412/article/details/123370931)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]