vite+vue3 如何配置可以让浏览器直接访问public下面的文件？

发布于
2022-09-23 上海

更新于
2022-09-23

我想要浏览器直接输入
http://localhost:4000/preview/banner.png
就可以打开图片
但是浏览器会直接帮我转成这个样子
http://localhost:4000/preview/banner.png#/login

vite vue3 vue.js

阅读 6k

1 个回答

得票最新

Bestime

4.8k2638

发布于
2022-09-23 重庆

更新于
2022-10-14

1、确认文件路径为 :root/public/preview/banner.png
2、是否用了html模板相关插件导致可以运行，但无法打开图片地址
3、自己简单实现了一个纯处理模板变量插件

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

被 1 篇内容引用

SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？
1

推荐问题

前端页面脚本更新时，如何让用户端，使用最新脚本？
前端页面脚本更新，并且部署到服务器时，如何让用户端，使用最新脚本？假如用户一直在a页面，使用的index.js，并且没有刷新浏览器，如何让用户刷新浏览器，加载新的index.js？有什么方案吗？
5 回答8.4k 阅读
solidjs中如何实现vue中的keep-alive功能？
请在Solid.js中实现Vue.js的keep-alive功能。需要提供具体的代码示例和解释。
2 回答10.5k 阅读✓ 已解决
给定两个节点，如何找出他们之间的所有路径？
给定一个数组，数组描述是两个点之间的连接关系，给定两个点，需要找出两个点之间的所有“路径”，如何写这个算法？数据结构如下，描绘图形如下： {代码...} 现在假设给定两个节点：node1、node8，需要求出他们之间的所有路径，用二维数组表示：返回结果如下： {代码...}
2 回答12.8k 阅读✓ 已解决
如何在Vue自定义指令中防止中文拼音输入影响数字验证？
这是一段自定义指令只能输入数字用在了el-input中正常来看是可以拦住的，但是由于它会把非数字替换成空串，导致我在不小心输入中文时，如：你好会在输入框依次出现 “nihao你好” 在中文出来之前拼音已经出现在输入框了，导致原本输入的数字被替换为空
2 回答10.6k 阅读✓ 已解决
如何解决 Vue3 应用在 GitHub Pages 上部署后 404 问题？
vue3打包后并且部署在github上时报错404我打包后通过vscode的插件Live Server是可以本地运行的打包配置 {代码...} 目录部署后的地址：[链接]
2 回答7.8k 阅读✓ 已解决
Element-UI el-table行编辑状态无法切换是为什么呢？
Element-UI el-table 表格一个功能是单击某行，这一行的状态变为可以编辑，用的v-if进行的切换，但是在旧版分支这个功能是好的，新版分支就没反应了，代码如下：
1 回答5.2k 阅读✓ 已解决
Element Plus表格组件如何呈现复杂布局如图？
Element Plus的table表格如何实现下图的表格效果，element的表格看起来是一列一列的，好像没办法实现这种效果，如果要实现这种图片效果需要如何做呢
4 回答3.3k 阅读✓ 已解决

vite+vue3 如何配置可以让浏览器直接访问public下面的文件？

你尚未登录，登录后可以

前端页面脚本更新时，如何让用户端，使用最新脚本？

solidjs中如何实现vue中的keep-alive功能？

给定两个节点，如何找出他们之间的所有路径？

如何在Vue自定义指令中防止中文拼音输入影响数字验证？

如何解决 Vue3 应用在 GitHub Pages 上部署后 404 问题？

Element-UI el-table行编辑状态无法切换是为什么呢？

Element Plus表格组件如何呈现复杂布局如图？