【前端】vite 引用public内的js

gnn

需求：
前端工程中，需要将后台接口域名放到工程外的配置文件中，方便手动修改后端接口域名

解决方案：

在Vite项目中，如果你想引用public目录下的JavaScript文件，你可以使用特殊的import.meta.url属性来获取文件的URL，然后使用new URL()构造函数来构造正确的路径。

以下是一个示例，假设你有一个public目录，其中包含一个名为example.js的文件，你想在你的Vite项目中的某个组件或者脚本中引用它：

1. 
   
2. // 获取public目录下example.js文件的URL
   
3. const publicPath = new URL('../public/example.js', import.meta.url);
   
4. // 使用动态导入来异步加载文件
   
5. const exampleModule = await import(publicPath.href);
   
6. 
   
7. // 使用public内的js文件中的功能
   
8. exampleModule.someFunction();

复制代码

确保example.js文件已经正确地放置在public目录下，并且你正确地使用了相对路径。这样，你就可以在Vite项目中引用public目录下的JavaScript文件了。