vue-cli3项目中引入本地文件

6 篇文章 0 订阅
2 篇文章 0 订阅

组件内部使用本地json数据:

之前用地图的json文件的时候,是在组件内部中通过import chinaData from ‘@/assets/china.json’,当然json文件直接放到了src的assets文件夹下,组件内直接就拿到了chinaData地图数据可以用
在这里插入图片描述

public中的html文件直接用script标签引入本地文件

但是这个本地文件是jquery和jquery.SuperSlide文件,是需要全局使用的文件,放组件内部的话很多组件里得一个一个写,是不行的,之前是写的cdn固定路径,本地线上都没有问题,但是领导说把文件放到本地引用,网上很多方法都试过了,要么是本地运行路径不对,要么是线上路径404,再或者直接打包失败,试了两三个小时,后来看到html上的这个引入
在这里插入图片描述
看到这个文件放到了public的根目录下,就比葫芦画瓢把两个文件也放到了public文件夹下
在这里插入图片描述
然后
在这里插入图片描述
这个其实是最终结果,在此之前,libs前./ 和/以及绝对路径全都试过,要么是本地报错,要么是线上路径不对,后来发现写到这里以后打包都开始报错,注释掉就不报错了,这个时候自己进入了误区,以为打包报错是这两行代码的问题,后来又百度的错误信息,又咨询同学,发现那个错误其实不是这两行代码的问题,而是打包所需要先删除再生成的dist文件被某文件占用,导致删除失败
在这里插入图片描述
又强制性把dist文件从资源管理器中删除,以及从服务器本地目录删除以后,(网上有的说法是安全软件的问题,在此之前把电脑上所有安全软件关闭,又重新打开项目,不在本地运行而是直接打包)打包成功,测试本地运行没问题,线上运行地址也没问题,完美结局。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值