vue访问public路径

最新推荐文章于 2024-08-07 04:18:03 发布
最新推荐文章于 2024-08-07 04:18:03 发布
阅读量1w 收藏 5
点赞数
分类专栏： 前端 vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40811171/article/details/105865690
版权

获取path

 publicPath: process.env.BASE_URL,

路径拼接

<!--路径拼接，实现跳转-->
  <a :href='`${publicPath}view/djb_detail.html`' >
  
 </a>
小小鸟敲代码
关注
专栏目录
Vue打包后访问静态资源路径问题
10-16
Vue打包后访问静态资源路径问题的核心在于理解生产环境和开发环境的不同，以及正确配置静态资源的引用路径。通过修改`assetsPublicPath`、使用绝对路径、`require`引入或设置`publicPath`，可以有效解决这个问题。在...
Vue如何访问Public文件夹
热门推荐
汪程序员
05-01 1万+
说明 为什么需要访问Public文件夹的内容？ 一般都是放在assets下面，但是无法实现动态访问，这就造成如果你要动态加载一个图片或者视频是不行的。 比如：我现在把testHuawei.mp4放在assets文件夹下面，那么他会被打包，这时候，运行，你找到这个图片，它的路径为： http://localhost:8081/media/testHuawei.c4367207.mp4 多出一个c4367207（这是内部为了安全），这样你在写代码无法动态加载，因为只要是文件不一样，生成的数值也是不一样。
五-2、vue中引用文件路径问题
qq_23135259的博客
02-09 7253
vue中引用文件路径问题，vue中给div设置style
前端 JS 经典：vue 开发中的 base 和 publicPath
最新发布
weixin_28937075的博客
08-07 115
前言：不知各位小伙伴有没有遇到过这样的问题，就是本地开发的好好的，结果打包后自信满满的交给运维部署，一上线，就是页面资源找不到了，跳转页面白屏了。等各种问题，这大概率就是配置问题。有这么两个配置 base 和 publicPath，在 vue2 和 vue3 的表现形式不同，下面会详细介绍。这两个配置一般影响的是生成环境，...
vue - 图片存放路径`public目录、src/assets目录下）的区别、访问方式
欢迎来到猫猫的博客 o_o ，如有问题，欢迎提出改正~
12-06 8657
public目录下项目需要使用的静态资源，有更新动态显示的需求。 src/assets目录下适合存放项目中所必须的图标，属于代码的一部 图片存放在这两个位置时的访问方法： public目录下：使用 / 开头的绝对路径访问 若：/public/images/a.jpg 访问： <img src="/images/a.jpg"> 若：/public/images/a/b/c/d.jpg 访问： <img src="/..
vue3 访问 public 内文件
weixin_46243213的博客
10-07 5831
vue3 访问 public 内文件
vue 访问本地文件 相对路径 文件目录 three.js 加载模型
大英雄不该去雪山打滚
12-30 5631
需要注意的一点就是，你路径已/开头，是从public文件开始，public下的models文件夹下的test.gltf，那么url就是。搞了一下把three.js融入vue，前面比较顺利，在加载文件时遇到了问题（GLTFLoader）我报这个错的原因是模型文件路径错误，…/一层一层往上找了半天，愣是没碰出来个对的路径，吐了。搞了半天，老是报这么个错，网上也没搜到解决方案，而且这个错误给的不明确，
vue-cli3访问public文件夹静态资源报错的解决方式
10-14
总结以上知识点，当你在Vue CLI 3项目中遇到public文件夹静态资源报错的问题时，应该首先检查你的资源引用路径是否正确。根据你的项目部署路径，设置合适的`process.env.BASE_URL`环境变量，然后通过`vue.config.js`...
解决vue+webpack打包路径的问题
08-27
1. **配置Vue Router的routes**：由于你的项目被放置在资源项目的`public`文件夹下，并且`public`目录配置的访问路径为`/`，因此Vue Router的路径需要进行调整。你需要将每个route的`path`属性加上项目名，即`/vue-...
vue-cli设置publicPath小记
10-15
在Vue-cli中，publicPath是一个非常重要的配置选项，它决定了应用打包构建后资源文件的访问路径。本文主要通过实例代码详细介绍了如何设置Vue-cli中的publicPath，并通过对比不同设置后的打包结果，展示publicPath...
Vue-cli assets SubDirectory及PublicPath区别详解
10-14
`assetsSubDirectory` 和 `assetsPublicPath` 是 Vue CLI 中两个重要的配置选项，它们决定了应用中静态资源的组织和访问方式。 1. **assetsSubDirectory**： `assetsSubDirectory` 是配置在 `config/index.js` ...
vue项目配置public静态资源路径访问
蛐蛐的博客
10-24 1万+
1.简介 一般的vue项目都有一个初始index.html，而其他js、css都是这个html引入的，默认情况下使用绝对路径引入，如/js/app.js 这样就有一个问题，静态资源经常要部署在不同的上下文路径下，如nginx将vue静态资源部署在/static下 此时使用绝对路径访问不到index.html引入的js、css等，而相对路径是不变的 2.解决 vue.config.js module.exports = { publicPath: '' } ...
vue把请求根路径配置在public文件中，打包后可随时修改根路径
vhgvhbj的博客
04-26 2833
vue把请求根路径配置在public文件中，打包后可随时修改根路径
vue 访问 public 路径里面的内容怎么访问
weixin_44166439的博客
04-23 5211
vue4多环境变量配置
盏茶作酒的博客
08-26 1122
通过在 package.json 里的 scripts 配置项中添加–mode xxx 来选择不同环境 只有以 VUE_APP 开头的变量会被 webpack.DefinePlugin 静态嵌入到客户端侧的包中，代码中可以通过 process.env.VUE_APP_BASE_API 访问 NODE_ENV 和 BASE_URL 是两个特殊变量，在代码中始终可用 配置 在项目根目录中新建.env, .env.production, .env.analyz 等文件 env的后缀为配备的变量名称 ...
vue引用public目录下文件
X_W123的博客
05-27 1万+
vue引用public目录下文件 有时候我们在开发h5时候，会有需要绑卡授权操作，这个时候需要同意某些协议并且这些协议是可以点击打开的，这种该怎么做呢？ 其实这就是一个链接，前端能够打开链接并且常用的也就是a标签喝vue自带的router-link，当然其他还有，通常来说a标签就够了 关于协议的存储，这里简单说下，在实际开发中，协议存储有以下几种： 1、存放在前端，一种是直接放在public静态资源文件夹下，webpack打包不会对其处理，直接把文件复制到存放项目的工程目录下；还有一种就是托管在cdn上，类
Vue 获取 public图片
weixin_45849417的博客
09-21 1748
vue 获取public图片的路径
如何访问public目录下的文件
m0_57236802的博客
11-10 2124
在Web开发框架（如React, Vue, Angular）中，当构建项目时，这些框架的构建工具会将所有的静态资源复制到构建输出目录中（通常是。目录是一个特殊的目录，用于存放静态资源，如图片、JavaScript文件、CSS样式表和其他需要直接通过浏览器访问的文件。目录的具体名称可能有所不同，例如在Create React App中，你将静态资源放在项目根目录下的。文件夹中，而在Vue CLI或Angular CLI中，你可能会将它们放在。请注意，根据你的开发环境或框架，如果文件位于子目录中，例如。
vue public访问其他路径
09-19
Vue中的public文件夹是用来存放静态资源的，它会被直接复制到最终打包的输出目录中。因此，可以通过public文件夹中的路径来访问其他文件。 例如，如果你有一个名为public/images的文件夹，里面有一张名为logo.png的图片，你可以在Vue组件中通过以下方式来访问它： ```vue <template> <img :src="publicPath('images/logo.png')" alt="Logo"> </template> <script> export default { methods: { publicPath(file) { return process.env.BASE_URL + file; } } } </script> ``` 这里的process.env.BASE_URL是一个在Vue CLI创建的项目中默认定义的环境变量，它的值为项目的基本URL路径。 通过在publicPath方法中拼接文件路径，并将其绑定到img标签的src属性上，就可以使用public文件夹中的路径访问其他文件。 需要注意的是，public文件夹中的资源不会被webpack处理，因此它们没有被包含在最终的bundle文件中。这意味着对于public文件夹中的文件，不会进行模块化处理，也不会受到webpack的优化和处理。所以在使用public文件夹中的资源时，需要确保路径的正确性和可用性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值