vite打包 public文件访问

vite项目在打包后会将public文件夹下的文件直接放到dist文件夹下，但是如果将文件放到assets文件夹下，则json文件不会被一起打包，导致dist文件夹下没有json文件。对于vite生成的文件存在跨域问题，大多数项目开发都是将文件放在服务器中通过域名去访问，但是特殊情况需要直接访问静态资源，所以需要解决file存在跨域的问题。与webpack相比，webpack打包出的文件同样是file直接访问，但是不存在跨域问题。此外，webpack打包出的文件不带module，但是vite打包会带module。对于vite打包后的文件访问问题，一般情况下是可以正常访问的。如果出现空白页面，可能是因为路由组件没有正确加载。可以尝试将router.js文件中的history模式改为hash，然后重新打包和执行操作来解决该问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vite hash路由模式项目打包上线访问 json 文件方法](https://blog.csdn.net/qq_39111074/article/details/131456008)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vite打包静态文件打开显示空白](https://blog.csdn.net/A_bet_of_three_years/article/details/128809633)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]