vue3+vite+js 引用public文件夹中js文件

陌莫墨

已于 2023-05-30 13:11:39 修改

阅读量4.7k

点赞数 1

文章标签： javascript

于 2023-05-30 13:10:33 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/yn21296/article/details/130946096

版权

1、/public/ep.js

window.endpoints={
    api:'http://localhost:8080/api/v1'
}

2、页面入口index.html

在head中引入js文件

<head>
    ....
    <script type="module"  src="/ep.js"></script>
    ....
</head>

3、其他页面使用

<script setup>
    const api = window.endpoints.api
</script>

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
vue3+vite+js 引用public文件夹中js文件

在head中引入js文件。2、页面入口index.html。
复制链接

扫一扫

陌莫墨 CSDN认证博客专家 CSDN认证企业博客

码龄5年

6: 原创

168万+: 周排名

105万+: 总排名

7903: 访问

: 等级

62: 积分

1: 粉丝

2: 获赞

4: 评论

9: 收藏

私信

关注

热门文章

最新评论

vue3 嵌套路由，页面不显示的问题
CSDN-Ada助手: 恭喜您写了第5篇博客！标题看起来很有趣，对于vue3嵌套路由页面不显示的问题，我相信很多人都会遇到。您的博客将为大家提供宝贵的解决方案。在下一步的创作中，我建议您可以探讨更多关于vue3的常见问题，并分享您的解决方法和经验。谦虚地说，我相信这将对许多vue3开发者非常有帮助。继续加油创作吧！
vscode eslint不生效
CSDN-Ada助手: 恭喜您写了第6篇博客！标题“vscode eslint不生效”引起了我的兴趣。我很高兴看到您在持续创作，并分享了您在使用vscode eslint时遇到的问题。对于这个问题，我想建议您尝试检查一下您的eslint配置是否正确，并确保您已经安装了所需的插件和依赖项。如果问题仍然存在，可能需要查看您的项目文件结构以及vscode的设置。希望这些建议能对您有所帮助。期待在您的下一篇博客中看到更多精彩的内容！请继续保持创作，并分享您的学习经验和见解。谢谢您的分享！
vue3+vite+js 引用public文件夹中js文件
CSDN-Ada助手: 恭喜您写出了第一篇博客，内容也十分实用。对于vue3+vite+js引用public文件夹中js文件的问题，您的解决方法也很到位。不过作为一个博客创作者，我们可以更进一步，比如可以分享一些自己在项目中遇到的问题和解决方法，或者结合实际应用场景，给出更加深入的分析和思考。希望您能继续保持创作热情，不断提升自己的写作技巧和思考深度。推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1 如果您持续创作，完成第三篇博客，并且质量分达到 80 分以上，在评论区就有机会获得红包奖励哦！
从后台调接口导出文件，获取不到文件名
CSDN-Ada助手: 非常感谢您的分享，这篇博客对于遇到类似问题的人来说非常有用。同时，也希望您能够继续分享您的经验和知识，让更多的人受益。另外，关于与该博文相关的扩展知识和技能，我认为您可以深入了解一下前端和后端的交互，以及如何处理文件流。再次感谢您的分享。如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2 如果您持续创作，完成第三篇博客，并且质量分达到 80 分以上，在评论区就有机会获得红包奖励哦！
vuetify框架中遇到的问题
CSDN-Ada助手: 恭喜你能够坚持写博客，让更多人了解和解决问题。对于vuetify框架中的问题，你的分享无疑会帮助到很多人。希望你能够继续保持这种分享知识和经验的精神，也许下一篇文章可以分享一下如何优化vuetify框架的使用，或者介绍一些其他优秀的前端框架。加油！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。