Nuxt.js引用static或者assets目录下资源

简介: Nuxt.js引用static或者assets目录下资源

Nuxt 服务器启动后,会将static文件目录映射到根路径/下。


所以想引用static目录下图片,直接写法如下(可行)


<img src="/log.png"/>

引用assets目录下文件,写法如下(没测试成功)


<img src="~/assets/logo.png"/>

相关文章
|
7月前
|
JavaScript 前端开发 安全
使用 Node.js 插件给指定目录下的所有图片添加上文字水印
使用 Node.js 插件给指定目录下的所有图片添加上文字水印
168 0
|
4月前
|
JavaScript Java
点击按钮,向下添加目录。Java script+jQuery写法
点击按钮,向下添加目录。Java script+jQuery写法
26 1
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的线上学习资源智能推荐系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的线上学习资源智能推荐系统附带文章源码部署视频讲解等
68 5
|
6月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的高校实验室资源综合管理系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的高校实验室资源综合管理系统附带文章和源代码部署视频讲解等
44 5
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的学习资源推送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的学习资源推送系统附带文章源码部署视频讲解等
47 0
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的教学资源共享平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的教学资源共享平台附带文章源码部署视频讲解等
31 0
|
6月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的学习视频资源库的系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的学习视频资源库的系统附带文章和源代码部署视频讲解等
56 0
|
6月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的资源共享平台附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的资源共享平台附带文章和源代码部署视频讲解等
30 0
|
7月前
|
JavaScript 前端开发 安全
JavaScript中跨域资源共享(CORS):原理和解决方案
【4月更文挑战第22天】本文介绍了JavaScript中跨域资源共享(CORS)的原理和解决方案。CORS借助HTTP头部字段允许跨域请求,核心是Access-Control-Allow-Origin响应头。解决方案包括:服务器端设置响应头(如使用Express.js的cors中间件)、使用代理服务器或JSONP。现代Web开发推荐使用CORS,因为它更安全、灵活,而JSONP已逐渐被淘汰。理解并正确实施CORS能提升Web应用性能和安全性。
|
7月前
|
JavaScript
node.js 删除某个目录下所有的文件夹
node.js 删除某个目录下所有的文件夹
134 0