vite的public目录

一，`public` 目录

1.public 目录是存放静态资源的一种方式。

2.项目初始化时默认public作为静态资源服务的文件夹。我们可以在vite.config.js中修改publicDir。

3.该目录中的文件开发期间在 / 处提供，并在构建期间将public文件夹下的文件（不包含public本身）复制到outDir 的根目录。

4.public下的文件会被完整复制到目标目录的根目录下，保持原有文件名，不会被hash。

二，访问`public` 目录资源

1.在开发时我们可以使用/开头直接访问public 目录下的资源

2.当项目部署在嵌套的公共路径下，我们需要指定 base 配置项，由 JS 引入的资源 URL，CSS 中的 url() 引用以及 .html 文件中引用的资源在构建过程中都会自动调整，以适配此选项。

上面的资源在构建后会变为

3.当访问过程中需要使用动态连接的 url 时，不能被自动调整，可以使用全局注入的 import.meta.env.BASE_URL 变量，它的值为公共基础路径。

vite的public目录相关推荐

宝塔设置thinkphp的伪静态_thinkphp等入口文件在public目录的设置方法
本文版权归西部数码所有,原文链接:https://www.west.cn/faq/list.asp?unid=2265 方法: 西部数码的虚拟主机站点都是默认的wwwroot目录,虚拟主机的默认跟目录 ...
vue引用public目录下文件
vue引用public目录下文件有时候我们在开发h5时候,会有需要绑卡授权操作,这个时候需要同意某些协议并且这些协议是可以点击打开的,这种该怎么做呢? 其实这就是一个链接,前端能够打开链接并且常用的 ...
护卫神设置public目录（IIS下TP5如何设置运行目录）
护卫神设置public目录最近有人问小编,护卫神主机系统或者IIS配置PHP的时候,public设置为对外公开目录这个问题百度无法搜索到真实解决办法,那么我们应该如何将运行目录设置为/public呢 ...
护卫神php返回404,护卫神IIS设置public目录为根目录的解决办法
原标题:护卫神IIS设置public目录为根目录的解决办法最近有人问小编,在使用护卫神或者主机宝等IIS环境配置PHP的时候,不能把public设置为网站根目录,这个问题无法搜索到真实解决办法,那么 ...
Laravel 导出Excel文件保存到本地的public目录下
Laravel 导出Excel文件保存到本地的public目录下控制器中的代码: $filename = md5($id) . '.xlsx';//store方法的第三个参数,对应的是filesys ...
护卫神IIS设置Thinkphp的public目录的解决办法
最近有人问小编,护卫神主机系统或者IIS配置PHP的时候,public设置为对外公开目录这个问题百度无法搜索到真实解决办法,那么我们应该如何将运行目录设置为/public呢? 当我们使用护卫神主机系统 ...
nginx vue2+webpack 和 vue3+vite 配置二级目录访问
首先我们要配置一个106.13.0.11:8083/qfqzApp的二级路由,针对于vue2项目,我们需要进行一下操作. 1.nginx配置(vue2 和 vue3配置的nginx相同) server ...
阿里云虚拟主机项目根目录指向public目录下
在根目录下新建.htaccess文件,内容如下 <IfModule mod_rewrite.c> RewriteEngine on RewriteBase / RewriteCond %{ ...
laravel 下载public目录下文件

vite的public目录

一，`public` 目录

二，访问`public` 目录资源

vite的public目录相关推荐

最新文章

热门文章

vite的public目录

一，public 目录

二，访问public 目录资源

vite的public目录相关推荐

最新文章

热门文章

一，`public` 目录

二，访问`public` 目录资源