位置: 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项目跑起来)

  • 爱奇艺随刻版下载的视频在哪个文件夹(爱奇艺随刻版下载)

    爱奇艺随刻版下载的视频在哪个文件夹(爱奇艺随刻版下载)

  • 华为p40pro支持多少倍光学变焦(华为p40pro支持多大的快充)

    华为p40pro支持多少倍光学变焦(华为p40pro支持多大的快充)

  • 电脑连接打印机找不到打印机型号怎么办(电脑连接打印机步骤图)

    电脑连接打印机找不到打印机型号怎么办(电脑连接打印机步骤图)

  • 手机上QQ怎么设置空间权限(手机上QQ怎么设置退出去平板登录)

    手机上QQ怎么设置空间权限(手机上QQ怎么设置退出去平板登录)

  • 华为插卡孔在哪(华为插卡孔在哪个位置)

    华为插卡孔在哪(华为插卡孔在哪个位置)

  • 手机不插卡能连wifi吗(手机不插卡能连wifi吗但不知道密码,怎么连)

    手机不插卡能连wifi吗(手机不插卡能连wifi吗但不知道密码,怎么连)

  • 充电检测到有液体充电是怎么回事(充电检测到有液体充电会有影响吗)

    充电检测到有液体充电是怎么回事(充电检测到有液体充电会有影响吗)

  • 全民k歌为什么有很多陌生人评论(全民k歌为什么打不开)

    全民k歌为什么有很多陌生人评论(全民k歌为什么打不开)

  • 微博注销后还能注册吗(微博注销后还能找回吗)

    微博注销后还能注册吗(微博注销后还能找回吗)

  • ipad爱奇艺不能全屏(ipad爱奇艺不能下载)

    ipad爱奇艺不能全屏(ipad爱奇艺不能下载)

  • 哔哩哔哩审核大概要多久(哔哩哔哩审核规则)

    哔哩哔哩审核大概要多久(哔哩哔哩审核规则)

  • 网络潜水是什么意思(网络中的潜水)

    网络潜水是什么意思(网络中的潜水)

  • 华为snkrs出错(华为snkrs一直显示错误)

    华为snkrs出错(华为snkrs一直显示错误)

  • 方舟编译器是什么(方舟编译器用处大么)

    方舟编译器是什么(方舟编译器用处大么)

  • 计算器上ac代表什么(计算器上ac是什么)

    计算器上ac代表什么(计算器上ac是什么)

  • 斐讯app无法获取验证码(斐讯s7为什么不能获取其它数据)

    斐讯app无法获取验证码(斐讯s7为什么不能获取其它数据)

  • xr有锁和无锁的区别(xr有锁和无锁的区别在哪)

    xr有锁和无锁的区别(xr有锁和无锁的区别在哪)

  • 京东淘客叫什么(京东淘宝客叫什么)

    京东淘客叫什么(京东淘宝客叫什么)

  • 小米9可以升5g吗(小米9可以使用5g网络吗)

    小米9可以升5g吗(小米9可以使用5g网络吗)

  • 手机动态壁纸怎么弄的(手机动态壁纸怎么设置)

    手机动态壁纸怎么弄的(手机动态壁纸怎么设置)

  • 中脉净水器滤芯怎么换(中脉净水器滤芯在哪买)

    中脉净水器滤芯怎么换(中脉净水器滤芯在哪买)

  • QQ被永久封停怎么办(qq被永久封停怎么解封)

    QQ被永久封停怎么办(qq被永久封停怎么解封)

  • 为什么电脑网络显示感叹号(为什么电脑网络不显示)

    为什么电脑网络显示感叹号(为什么电脑网络不显示)

  • 微信注销账号后手机能不能再注册(微信注销账号后多久可以再注册)

    微信注销账号后手机能不能再注册(微信注销账号后多久可以再注册)

  • 华为Nova 5Pro怎么截屏(华为nova5pro怎么强制关机)

    华为Nova 5Pro怎么截屏(华为nova5pro怎么强制关机)

  • xr的录屏在哪里(xr录屏在哪里找)

    xr的录屏在哪里(xr录屏在哪里找)

  • 手机顶端hd怎么关闭(手机上hd怎么弄掉)

    手机顶端hd怎么关闭(手机上hd怎么弄掉)

  • 如何修改Windows11系统的"国家或地区"?win11汉化步骤(如何修改windows11开机密码)

    如何修改Windows11系统的"国家或地区"?win11汉化步骤(如何修改windows11开机密码)

  • 如何开启系统自带的勒索病毒防护(如何开启系统自带杀毒软件)

    如何开启系统自带的勒索病毒防护(如何开启系统自带杀毒软件)

  • 浅谈vue中的$含义及其用法($xxx引用的位置)(vue中的$el)

    浅谈vue中的$含义及其用法($xxx引用的位置)(vue中的$el)

  • 《Python项目开发实战》PDF高清版下载(python项目开发案例集锦pdf百度网盘)

    《Python项目开发实战》PDF高清版下载(python项目开发案例集锦pdf百度网盘)

  • 企业股东分红怎么交税
  • 土地摊销账务处理
  • 库存商品和固定资产
  • 个税代扣代缴返还手续费如何入账
  • 个人部分社保怎么计算
  • 交社保不发工资怎么办
  • 出口企业免抵税额要作进项转出吗
  • 公司单位性质怎样填写
  • 民营企业的待遇
  • 新房购置税怎么算2022
  • 发票超过2个月可以报销吗
  • 劳务发票可以做费用吗怎么做
  • 不征税的政府补助如何开票
  • 总资产增长率的含义
  • 企业可以采用在产品按固定成本计算法的有
  • 企业拨给工会的补助怎么记账
  • 股东其他应付款可以转为实收资本文本格式
  • 利润出现负数怎么调整
  • 应收账款坏账准备是信用减值损失还是资产
  • 房产中介如何收取中介费
  • 海关增值税专用缴款书抵扣期限
  • 速动比率计算公式多少合适
  • macbook显示隐藏文件
  • sistray.exe - sistray是什么进程 有什么用
  • 单位话费谁负责交
  • npm ERR! code E404 在vscode安装插件时报错的解决方案
  • vue相关
  • 进出口企业税务怎可以查出问题
  • 其他应付款清账
  • java基础网络编程
  • php读取xml接口数据
  • python opencv如何获取图片尺寸
  • 待抵扣进项税额和进项税额的区别
  • 将本月发生的制造费用总额按生产工人
  • 利润表三步法
  • 包含个人社保的保险
  • 高速公路电子发票查询平台
  • 商业汇票利息账务处理如何做?
  • 收到保险赔款入什么科目
  • 出租车公共服务
  • sql server概述
  • mysql日志文件在哪
  • 所得税预缴怎么申报
  • 退还留抵税额政策解读
  • 下列项目的进项税额可以从销项税额中抵扣的是()
  • 企业自建房产提款流程
  • 样机 研发费用归集与核算
  • 私人账户可以打钱到公司账户吗
  • 购买样品入库的账务处理
  • 工资代发户怎么开
  • 失控发票补交上年所得税
  • 加计扣除是指什么意思
  • 企业收到返利怎么做账
  • 资产负债表金额的来源一般是
  • 差旅费是什么支出类型
  • 什么叫摊销
  • 残保金是公司交还是员工交
  • win2003 安装iis
  • bios怎么更改硬盘格式
  • window系统安装流程
  • windowsxp装机图片
  • linux查看rpm是否安装
  • win7系统电脑无声音
  • chm文件打不开的解决方法
  • 5.2光源
  • ubuntu搭建ftp服务器的步骤
  • script_tool_for_linux.bash: Linux 环境下的 hosts 一键部署脚本
  • incaseformat查杀
  • 一键删除通讯录联系人
  • pythonista可以制作app吗
  • python ftps
  • js class实现原理
  • unity networking
  • bootstrap技术教程
  • python 设计
  • 浅析是什么意思
  • 人力资源差额发票
  • 农业栽培技术
  • 成都网上税务局
  • 北京市国家税务局发票查询平台
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设