VUE 静态资源路径

最新推荐文章于 2024-05-15 10:23:01 发布
最新推荐文章于 2024-05-15 10:23:01 发布
阅读量430 收藏 1
点赞数
分类专栏： vue 文章标签： vue vue-cli3 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43650637/article/details/115392356
版权

VUE 静态资源路径

搜标题竟然没找到我想要的答案…
vue2和vue3不一样，结果网上全是vue2的答案…
不知道是现在人们不发文章了？还是都没碰到这小问题…

下面进入正题：

  1. vue2放到static文件夹下
  2. vue3放到public文件夹下

详细内容自己找吧，网上很多

不是小王子
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue-Cli2.XX 静态资源文件夹的路径部署问题
weixin_43209953的博客
02-17 6447
直接进入正题,这里我们讨论的是vuecili3以前的版本： 一般我们用vuecli3之前的版本创建项目的时候，根目录下会有一个static文件夹，这个文件夹是用来放置images和json等静态文件的，同样的在根目录下的src下还有一个assets文件夹放置静态文件的，区别是assets里面的静态资源会被webpack打包编译，而static下面的静态资源仅仅会被在打包编译的时候赋值到dist文...
vue项目设置打包后的静态文件访问路径
start_sea的博客
08-31 1万+
*啰嗦一下：**相同域名下可能会存在两份相关或不相关的代码，需要通过切换文件夹路径进入不同项目时，需要在项目打包输出代码时设置静态文件的访问路径（vue、react都要）。**静态文件访问路径说明：**项目的静态文件访问路径在本地运行和服务器访问是有区别的，默认状态下服务器上的项目代码，访问路径是从服务器根目录开始。vue项目的最终项目文件需要经过打包输出，静态文件的访问路径需要在vue.config.js文件中设置。**H5中的访问设置：**在H5中，静态文件访问路径的区别。...
vue静态资源的引用(相对路径,绝对路径,@,~的一些笔记,以图片引入为例,含在线演示)
动感超人的博客
08-21 1万+
vue引入静态资源有相对路径和绝对路径的方式相对路径是URL开头有.绝对路径是URL开头为/或者省略不写相对路径相对的是当前文件绝对路径相对的是public目录并且引入的时候URL开头为~的使用在css里面引入静态资源的时候如果 URL 以 @ 开头会作为一个模块请求被解析。Vue CLI 默认会设置一个指向 src 的别名 @。
vue项目打包后也能配置静态资源路径
最新发布
weixin_39752673的博客
05-15 398
打包后config.json在打包目录的根目录下，而且可修改。为了确保正确赋值，需要watch一下config的值再赋值。
04-vue-cli-启动配置和静态资源配置
weixin_46048259的博客
10-22 1223
vue-cli-启动配置和静态资源配置
vue项目文件夹及文件相关介绍
weixin_64227680的博客
03-02 1638
放置node的一些基础的依赖包，当我们拓展的安装一些别的插件时 也会装在这个文件夹里。
vue打包路径和服务代理配置
c587846464的博客
06-12 643
首先在 vue 的项目下面 新建一个 vue.config.js 该文件夹和src是同级的文件夹。
Vue打包后访问静态资源路径问题
12-13
Vue介绍中static文件夹里放的是静态资源目录，如图片、字体等。 我们发现运行npm run start后本地图片路径是没问题的，...以上就是Vue打包后访问静态资源路径问题的相关知识点，感谢大家的阅读和对软件开发网的支持。
详解vue静态资源打包中的坑与解决方案
08-28
一、 Vue-cli 默认配置打包后部署至特定路径下静态资源路径错误问题 * 问题描述：使用 Vue-cli 生成的默认打包配置文件，运行 npm run build 打包后，部署项目至特定路径下，例如 //ip:port/public/springActivity/...
vue cli3.0打包上线静态资源找不到路径的解决操作
10-15
在本例中，设置为 `'./'`，意味着静态资源路径相对于当前目录。 ```javascript module.exports = { publicPath: './' } ``` **补充知识：** 1. **Vue CLI 3.0 打包配置**： 当运行 `npm run build` 命令打包...
Vue：静态资源的路径问题
彭世瑜的博客
05-24 2231
1、template <img src="@/assets/image/login/title.png" alt=""> // 渲染后html页面 <img src="/static/img/title.1e9fa570.png" alt=""> 2、style /* 图片路径 src/assets/image/bg-index.jpg */ background: url(~@/assets/image/bg-index.jpg) /* 渲染后 */ background:
vue 读取txt静态文件
qq_42383970的博客
10-12 1168
vue 读取txt静态文件
vue目录详解以及文件说明
Lzxzxzx_的博客
03-04 1281
在工程中，并不是所有文件都需要保存到版本库中的，例如“target”目录及目录下的文件就可以忽略。在Git工作区的根目录下创建一个特殊的.gitignore文件，然后把要忽略的文件名填进去，Git就会自动忽略这些文件或目录。记录当前项目所依赖模块的版本信息，更新模块时锁定模块的大版本号（版本号的第一位）,不能锁定后面的小版本，vue-cli的配置文件 (vue-cli4默认没有这个文件，可以自己新建)入口文件，也就是打包或者说运行的时候，所运行的第一个文件。放置系统的静态文件，比如，图片，全局配置文件。
vue 静态资源如何放
lianxin19900610的博客
09-11 6902
assets和static文件夹的区别 相信有很多人知道vue-cli有两个放置静态资源的地方，分别是src/assets文件夹和static文件夹,这两者的区别很多人可能不太清楚。 assets目录中的文件会被webpack处理解析为模块依赖，只支持相对路径形式。例如，在 &lt;img src="./logo.png"&gt;  和 background: url(./logo.png)中...
Vue 打包静态文件路径设置
果果的博客
10-18 1万+
1、js，css的路径不对  方法：找到 config/index.js，将其中的assetsPublicPath值改为’./’ assetsPublicPath:'./' 2、css中引用的图片资源找不到  方法：找到 build/utils.js，增加一行代码即可： publicPath:"../../" 3、config下的index配置 以上是将文件打包在dist下的guogu...
Vue项目中的静态资源引入
sinat_29789933的博客
09-01 3342
项目中有时候需要引入静态资源，比如无需修改的js文件等，且无法npm获取，一般作为缓存的静态资源，会放在static文件夹下（放在其他文件夹下面会报错，直接报静态资源内部的错误，排查了一天。），在index.html中引入。assets在src文件夹下面，src里面的文件是参与打包的，所以一般项目中的资源会放在assets文件夹下，使用相对路径即可访问。VUE_APP_ASSETS是自己在.env文件中设置的，BASE_URL是项目自带的，我这里是Public。
Vue中的静态资源管理（src下的assets和static文件夹的区别）
weixin_34306676的博客
12-14 2939
你可能注意到了我们的静态资源共有两个目录src/assets和static/，你们它们之间有怎样的区别呢？ 资源打包 为了回答这个问题，我们需要了解webpack是如何处理静态资源的。 在所有的*.vue文件中你所有的templates 和CSS 都被vue-html-loader 和css-loader 查询资源的URLs解析. 比如说, 在 img src=”./logo.png” 复制代码...
Vue项目部署资源路径问题
热门推荐
qq_39480597的博客
03-15 3万+
本文主要解决两个问题：1、vue-cli发布时 js，css文件路径错误2、vue-cli发布时js、css文件正常，但是图片路径错误问题:vue-cli 脚手架生成的默认打包配置文件情况下运行 npm run build 打包后，即可开始项目部署项目部署根据公司要求不同大致分为一下俩种部署方式：1、服务器放置打包后生成的dist文件夹此种部署方式，需要将config.js文件下index.js中...
Vue中img的src属性绑定与static文件夹
悦涵仙子的技术笔记本
12-14 2万+
不少人在vue的开发中遇到这样一个问题： img的src属性绑定url变量，然而图片加载失败。 大部分的情况中，是开发者使用了错误的写法，例如：这样写肯定是不对的，正确的写法应该使用v-bind:不过，有时候即使使用了正确的语法，依旧无法显示图片，因为你的imgUrl使用了本地图片的路径。 例如
vue静态路由配置外链
04-02
可以使用Vue Router中的`<a>`标签来实现外链。在静态路由中，可以将外链的路径作为`href`属性的值。例如： ```html <router-link to="/">Home</router-link> <a href="https://www.google.com">Google</a> ``` 在以上示例中，`<router-link>`用于内部路由链接，而`<a>`标签用于外部链接。当用户点击`<router-link>`时，Vue Router会拦截链接并导航到对应的路由，而当用户点击`<a>`时，浏览器会直接跳转到外链的网址。 需要注意的是，如果想要在外链打开的页面中使用Vue组件，需要在外链的页面中引入Vue框架。此外，如果想要在外链打开的页面中使用相同的路由组件，也需要在外链的页面中配置相同的路由规则。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值