位置: IT常识 - 正文

vue引用public目录下文件(vue引入文件路径@的意思)

编辑:rootadmin
vue引用public目录下文件 vue引用public目录下文件

推荐整理分享vue引用public目录下文件(vue引入文件路径@的意思),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue引入路径,vue public目录,vue引用public的js文件,引用vue.js,引用vue.js,vue引用public的js文件,vue引入public文件夹路径,vue引用public的js文件,内容如对您有帮助,希望把文章链接给更多的朋友!

有时候我们在开发h5时候,会有需要绑卡授权操作,这个时候需要同意某些协议并且这些协议是可以点击打开的,这种该怎么做呢? 其实这就是一个链接,前端能够打开链接并且常用的也就是a标签喝vue自带的router-link,当然其他还有,通常来说a标签就够了

vue引用public目录下文件(vue引入文件路径@的意思)

关于协议的存储,这里简单说下,在实际开发中,协议存储有以下几种:

1、存放在前端,一种是直接放在public静态资源文件夹下,webpack打包不会对其处理,直接把文件复制到存放项目的工程目录下;还有一种就是托管在cdn上,类似静态资源托管,会有一个域名,这个域名下放的都是静态资源比如图片呀之类的。通常来说,第一种最简单。

2、存放在一个中台,这个中台不是系统不是一个项目,而是公司内一个组织划分,支撑着其他部门的项目,通常就是前端编写协议内容,然后把协议存放的绝对路径给到中台相应开发,他们会做些处理最后返回一个完整的带有域名的文件地址,比如http:xxxx/zyxj/1.html,然后把带有详细信息返回给前端,前端直接渲染。

以上俩种方法我都参与过,今天说第一种。

第一种就是把静态资源放在public里面,vue页面地址的话填写绝对路径,就是不需要带有public前缀,因为实际上线的话,webpack是吧public下面很多文件复制到根目录/或者某个项目目录下,比如/index.html,1.css,1.html或者myapp/index.html,1.css,1.html。 页面使用的话如截图: ⚠️注意⚠️ 上面说的情况生产部署到根目录下页面上使用的方法,但是我们怎么知道项目是不是部署到根目录呢? 1、配置文件查看项目部署位置: 如果你的项目不是部署在跟目录,但是也不知道具体部署到哪个目录,不用担心,只要在config文件做个判断如果是生产环境部署到哪里,如下:

const BASE_URL=process.env.NODE_ENV==='production'?'Utility':'/'publicPath:BASE_URLdata(){return {publicPath:process.env.BASE_URL}}

本文链接地址:https://www.jiuchutong.com/zhishi/295260.html 转载请保留说明!

上一篇:VUE中调用高德地图获取当前位置(VUE2.0和3.0通用)(vue3使用高德地图)

下一篇:Vue 项目如何迁移小程序(怎么把vue项目跑起来)

  • 私车公用如何处理
  • 保险佣金个人所得税怎么算
  • 财产租赁所得怎么计算个人所得税
  • 免抵退和免退税 区别 委托
  • 计提工资是包含社保吗
  • 预借差旅费附什么原始凭证
  • 预交所得税利润表怎么填
  • 开办费计入管理费用后是否要转出
  • 企业减免的所得税税率
  • 如何计算个别资金成本?
  • 合伙企业注销流程图
  • 转让固定资产发生的费用计入什么科目
  • 职工宿舍楼日常管理制度
  • 独资合伙企业的所有者用于承担企业财务风险的财产是
  • 吸收合并控股合并新设合并的区别
  • 微信支付工资怎么做账
  • 内账会计成本是指什么
  • 印花税是发票吗
  • 地税评为d级纳税人是指
  • 转让集体土地所有权
  • 可税前扣除的捐赠支出
  • 购买办公桌椅属于什么费用
  • 住房维修基金使用管理办法
  • 补交申报的利息怎么入账
  • 所得税招待费用
  • 核定征收和查账征收,交的税一样吗
  • 失联发票进项税额转出
  • mac安装软件提示需要更高版本
  • 上个月的流量这个月可以用吗
  • 平安树的养殖方法和浇水时间
  • 上市公司发行股票会计分录
  • 电脑关机了wifi还能检测到在线
  • 差旅费报销会计凭证
  • 新开的酒店怎么做宣传
  • 退款后发票如何查询
  • 分享php守护进程失败
  • 出现巨石
  • php gtk
  • 跆拳道馆怎么盈利
  • arc架构
  • 简单实现php留言功能
  • 传承古老文化
  • 房地产开发企业资质证书
  • 捐款 企业
  • python中insert函数怎么用
  • 保教费属于什么收入
  • 房地产公司计提税金
  • 购进商品的运费怎么记账
  • 合同负债算负债吗
  • 银行承兑汇票回头背书
  • 外地职工的界定
  • 收到发票未收到货物
  • 累计折旧计提会计分录
  • 员工出差报销的餐费怎么下账
  • 第三方代缴社保合法吗最新规定
  • 支付宝已经支付快递费怎么还支付
  • 培训学校预收学费可退吗
  • 幼儿园报税的基础是什么
  • 交增值税账务处理
  • friend怎么用
  • mysql5.7最新版
  • windows XP+Fedora 8+solaris 11三系统安装攻略
  • explorer.exe进程文件
  • Linux系统调用函数
  • macbook怎么开启
  • linux如何更改默认的运行级别
  • win10预览版好吗
  • 系统闹钟设置
  • JavaScript中的数据类型分为两大类
  • java语言的解释器是什么
  • 批处理在windows中的典型应用
  • firefox document
  • Python的pycurl包用法简介
  • 基于android开发
  • jquery自定义的方法有哪些
  • python语言面向过程吗
  • python的介绍
  • 机票电子发票怎么作废
  • 电子保险怎么查询车船税
  • 在电脑上怎样做word的文档
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设