1、vue-cli3之后要加载本地js资源，可以将js文件放在public文件下，即与index.html文件同级（可以创文件夹放文件夹中，比较规范）

2、在index文件中引入

这里要注意两种写法，这两种引入在本地都是可以正常加载到文件，但是打包之后，第一种写法会因为路径错误404，第二种可以正常加载，所以一定要用第二种写法

3、/  与 ./ 的区别

/ 跳转到根目录下，比如你这个网页下载到d盘，那么/xxx.js 会直接打开 file:///D:/xxx.js 自然找不到文件了

./ 跳转到当前目录下，最后的查找的路径会是个全路径 file:///D:/Users/......./Downloads/dist/xxx.js

可以两种方式都打个包试一下就明白了~

关于vue index.html文件引用本地js资源文件打包后404的问题的更多相关文章

  1. html文件引用本地js文件出现跨域问题的解决方案

    在本地做个小demo,很简单,一个html文件,一个js文件,在html文件中通过<script>标签引入js,但是出现了一个意想不到的问题:浏览器报错—— 一番折腾后,终于弄明白了:加载 ...

  2. Asp.net 引用css/js资源文件

    注意Page.ResolveUrl之前的双引号,不是单引号 <script type="text/javascript" src="<%= Page.Reso ...

  3. 在IIS上新发布的网站，样式与js资源文件加载不到(资源文件和网页同一个域名下)

    在IIS上新发布的网站,网站能打开,但样式与js资源文件加载不到(资源文件和网页是同一个域名下,例如:网页www.xxx.com/index.aspx,图片www.xxx.com/pic.png). ...

  4. res文件夹及xml资源文件详解

    目录 一.values文件:存放字符串(strings).颜色(colors).尺寸(dimens).数组(arrays).样式(styles类似于CSS文件).类型等资源 二.drawable:存放 ...

  5. xshell下载文件到本地/上传文件到服务器

    xshell很好用,然后有时候想在windows和linux上传或下载某个文件,其实有个很简单的方法就是rz,sz首先你的Ubuntu需要安装rz.sz(如果没有安装请执行以下命令,安装完的请跳过.其 ...

  6. vue打包后404，webpack配置问题

    首先声明这是基于vue2.x的 1. 将其中build的配置项assetsPublicPath进行修改,改为上图-->目的是将资源文件的引入路径,改为相对地址(相对index.html) 2.h ...

  7. 【安卓】安卓res文件夹下的资源文件与R.java文件里面类的对应关系

    对于drawable.layout.menu文件夹下的每一个文件都分别会在R.java文件里面生成drawable.layout.menu类的一个常量,类名就是文件夹的名字,常量的名字就是文件名字. ...

  8. 文件_ _android从资源文件中读取文件流并显示的方法

    ======== 1   android从资源文件中读取文件流并显示的方法. 在android中,假如有的文本文件,比如TXT放在raw下,要直接读取出来,放到屏幕中显示,可以这样: private ...

  9. Visual Studio 中的头文件、源文件和资源文件都是什么？有什么区别？？

    头文件:后缀为.h,主要是定义和声明之类的,比如类的定义,常量定义源文件:后缀.cpp,主要是实现之类的,比如类方法的实现资源文件主要是你用到的一些程序代码以外的东西,比如图片之类,或者菜单.工具栏之 ...

  10. eclipse项目中将普通文件夹转化成资源文件夹

    1.点选该文件夹 2.右键属性Properties 3.选择属性:Build Path 4.点选属性:Use as  Source Folder ......等待变成资源文件夹 参考更详细的: ecl ...

随机推荐

  1. 样本量的确定与OC函数

    在之前的假设检验文章中我们说过,在样本量固定的情况下,第一类错误的减少必然会导致第二类错误的增加.按照之前的例子,原假设依旧是一家馒头店每天卖出100个馒头,现在如果减少第一类错误(也就是减少显著性水 ...

  2. Java开发笔记（一百五十四）StringBuffer和StringBuilder的由来

    本来String类已经能够完成字符串操作的所有功能,为何Java又提供了专门的StringBuffer和StringBuilder呢?这要从String类的设计说起了,查看String的源码,发现其内 ...

  3. react开发组件并发包到npm

    Toast组件 import ReactDomCli from 'react-dom/client'; import './style.css' import React from 'react'; ...

  4. 用commitlint规范团队的git提交信息

    前言在一个团队中,每个人的git的commit信息都不一样,五花八门,没有一个机制很难保证规范化,如何才能规范化呢?可能你想到的是git的hook机制,去写shell脚本去实现.这当然可以,其实Jav ...

  5. 前端开发系列125-进阶篇之Iterator

    本文简单说明[ 迭代器接口 Iterator]() 接口的基本使用,涉及 Array .Set .Map 和 String 以及伪数组等数据结构,以及 `for...of`循环的用法等. Iterat ...

  6. 产品更新 | 数据集成ETLCloud V3.9 社区版发布，新增及优化组件近20项

    亲爱的用户们,ETLCloud社区版的新年第一次版本更新来了!本次更新版本号为V3.9,我们为大家新增及优化通用组件17项,功能优化11项,让我们一起来看看吧! 新组件,拓展无限可能 本次更新新增了一 ...

  7. 从ESB总线到iPaaS集成平台，如何选择最佳集成方案

    随着信息化发展不断深入,企业在不同的阶段引入了不同的应用.系统和软件.这些原始的应用系统互不连通,如同一个个独立的岛屿.但是企业业务是流程化的,这就需要业务数据如流水般在不同岛屿间流转.在过去20年前 ...

  8. SciTech-BigDataAIML-Tensorflow-Introduction to Gradients and Automatic Differentiation

    In this guide, you will explore ways to compute gradients with TensorFlow, especially in eager execu ...

  9. 系统哥教大家怎么卸载win10内置应用的方法

    有不少系统之家都喜欢使用原版win10系统,虽然很干净,但是自带很多我们使用不到的内置应用软件程序,比如照片.邮件.人脉等等,那么如何才能卸载win10内置应用呢?下面让系统哥小编教大家怎么卸载自带的 ...

  10. 我给 AI 接上了一个 C# 运行器，结果它学会了自己上网、调试代码

    在昨天的文章中,我们介绍了我的新开源项目:C# Runner.这是一个强大的C#代码运行器,不仅提供了前端UI,还内建了API和一个MCP服务端. GitHub项目地址: https://github ...