开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

vue构建中index.html中的自定义(相对)脚本路径

在Vue构建中，index.html中的自定义(相对)脚本路径是指在Vue项目中，可以通过在index.html文件中引入自定义的JavaScript脚本文件来实现特定功能或逻辑。

自定义脚本路径可以是相对于index.html文件的相对路径，也可以是绝对路径。相对路径是相对于index.html文件所在的目录来确定脚本文件的位置。

使用自定义脚本路径可以实现一些与Vue框架本身功能无关的自定义操作，例如与后端API交互、数据处理、动态渲染等。

以下是一个示例的index.html文件中的自定义脚本路径的引入方式：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Vue App</title>
</head>
<body>
  <div id="app"></div>

  <!-- 引入Vue框架 -->
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

  <!-- 引入自定义脚本 -->
  <script src="./path/to/custom-script.js"></script>
</body>
</html>

在上述示例中，<script src="./path/to/custom-script.js"></script> 表示引入了位于index.html文件同级目录下的custom-script.js文件作为自定义脚本。

自定义脚本可以用于实现各种功能，例如与后端API进行数据交互、处理数据、实现特定的业务逻辑等。具体的应用场景和功能取决于项目需求和开发者的实际需求。

对于腾讯云相关产品，可以根据具体需求选择适合的产品。腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储、人工智能等。可以通过腾讯云官方网站获取更多关于腾讯云产品的详细信息和文档。

腾讯云相关产品和产品介绍链接地址：

云服务器（ECS）：https://cloud.tencent.com/product/cvm
云数据库（CDB）：https://cloud.tencent.com/product/cdb
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai

相关搜索:usercontrol中的相对脚本路径避免Vue中的相对公共路径在index.html中的脚本标记中使用Vue组合应用编程接口在MATLAB中设置脚本的自定义路径如何在index.html的外部脚本中添加额外的动态参数？(Vue.js)如何给出在Jenkins Powershell插件中要执行的Powershell脚本的相对路径如何在使用脚本位置的相对路径时在python中打开文件脚本src和Link rel中的相对路径将一直解析为根URL 在脚本标记vue2中侦听来自js代码的自定义事件运维监控日常工作内容

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

一张图教你快速玩转vue-cli3

本文系统的梳理了vue-cli3搭建项目的常见用法，目的在于让你快速掌握独立搭建vue项目的能力。你将会了解如下知识点：

01

一张图教你快速玩转vue-cli3

本文系统的梳理了vue-cli3搭建项目的常见用法，目的在于让你快速掌握独立搭建vue项目的能力。你将会了解如下知识点：

08

vue-cli 4 快速构建一个 Vue 项目

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与 PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。发布于2009年5月，由 Ryan Dahl 开发，实质是对 Chrome V8 引擎进行了封装。 Node 对一些特殊用例进行优化，提供替代的 API，使得 V8 在非浏览器环境下运行得更好。V8 引擎执行 Javascript 的速度非常快，性能非常好。Node 是一个基于 Chrome JavaScript 运行时建立的平台，用于方便地搭建响应速度快、易于扩展的网络应用。Node 使用事件驱动，非阻塞 I/O 模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。

01

Spring Boot + Vue 如此强大？竟然可以开发基于 C/S 架构的应用

虽然B/S是目前开发的主流，但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上Web开发的低成本、高效率的优势，这种跨平台方式越来越受到开发者的喜爱。

03

搭建vue2.0脚手架

1. 全局安装 vue-cli 　　npm install --global vue-cli 2. 创建一个基于 webpack 模板的新项目　　vue init webpack my-project 3. 安装依赖　　cd my-project 　　npm install (换源安装: npm install --registry https://registry.npm.taobao.org )

01

基于docsify的基本操作&配置

多级目录构建navbar、sidebar引用404问题：在构建多级文件目录的时候，针对多级文件夹下的md文件，其会相应加载同级目录下的navbar.md、sidebar.md文件，但这个时候由于navbar.md、sidebar.md文件存放在根目录或者是自定义指定的文件夹下，引用相对路径则会报404问题。针对上述情况，可以有如下调整方案：

03

Migrate From Vue-cli to Vite

[译] 原文地址：https://medium.com/nerd-for-tech/from-vue-cli-to-vitejs-648d2f5e031d

03

Vue+tp6 php框架如何快速建立一个前后端分离项目

作者主要是写后端的，所以本文主要以后端的角度，讲如何使用Vue+Tp框架结合，快速打通一个前后端分离的项目部署，可以作为后端学习Vue的入门步骤，通过此教程，你可以学到在生产环境和本地环境中，vue+tp 等框架是如何结合以及部署的。

03

详细介绍 Vue3 的常见目录结构

当您开始使用 Vue3 构建项目时，了解 Vue3 目录结构是非常重要的。Vue3 的目录结构决定了代码组织方式和模块划分，有助于项目的可维护性和扩展性。本文将详细介绍 Vue3 的常见目录结构，并提供一些最佳实践和建议。

02

vitePress快速搭建及部署一个博客

VitePress 是 VuePress 的小弟弟，但是vitepress是在 Vite 上构建的。

04

Rainbond 中Vue、React项目如何调用后端接口

通常我们会在项目的全局配置文件.env.production中直接写入后端ip，例如：

04

docsify简单教程

简介一个神奇的文档网站生成器。简单而轻便（〜18kB压缩）没有静态构建的HTML文件多个主题快速开始建议docsify-cli全局安装，这有助于本地初始化和预览网站。 npm i docsify-cli -g 初始化如果在根目录中编写文档 docsify init ./ 写作内容在之后init完成后，你可以看到在文件列表./根目录。 index.html 作为入口文件 README.md 作为主页 .nojekyll 防止GitHub页面忽略以下划线开头的文件您可以轻松更新文档./READ

02

Spring Boot + Vue 如此强大？竟可以开发基于 C/S 架构的应用

虽然 B/S 是目前开发的主流，但是 C/S 仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上 Web 开发的低成本、高效率的优势，这种跨平台方式越来越受到开发者的喜爱。

02

Spring Boot + Vue 如此强大？

虽然 B/S 是目前开发的主流，但是 C/S 仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上 Web 开发的低成本、高效率的优势，这种跨平台方式越来越受到开发者的喜爱。

02

使用vue-cli搭建spa项目

目录 1. vue-cli安装 1.1 安装前提 1.2 什么是vue-cli 1.3 安装vue-cli 2. 使用vue-cli构建项目 2.1 使用脚手架创建项目骨架 2.2 到新建项目目录，安装需要的模块 2.3 如何修改端口号 2.4 添加element-ui模块 2.5 package.json详解 3. install命令中的-g, -S, -D参数 4. vue项目结构说明 5.什么是*.vue文件 6. 启动过程 7. 开发示例 7.1 做一个自定义组件Welcome 7.2 增加“用户管

01

Vite 5.0有哪些新变化？

你可以阅读 Rollup 的发布说明中的破坏性变更，了解在 build.rollupOptions 中构建相关的变更。

01

vue全局 CLI 配置——vue.config.js

有些针对 @vue/cli 的全局配置，例如你惯用的包管理器和你本地保存的 preset，都保存在 home 目录下一个名叫 .vuerc 的 JSON 文件。你可以用编辑器直接编辑这个文件来更改已保存的选项。

03

Vue-框架模板的源代码注释

请稍等。。吃完饭回来写吃饭回来了~嘿 ————————————————正经分割线————————————————— 先看我的目录结构：这是配置好node环境和配置好webpack后，生成的原始框架。

Spring Boot + Vue 如此强大？

虽然 B/S 是目前开发的主流，但是 C/S 仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上 Web 开发的低成本、高效率的优势，这种跨平台方式越来越受到开发者的喜爱。

01

Spring Boot + Vue 也可以开发 C/S 架构的应用，快来试试！

本文地址：segmentfault.com/a/1190000021376934

01

使用Docker部署Vue前端项目

在以前负责测试环境的维护过程中，部署前端项目非常麻烦，需要通过配置nginx.conf、然后在重启nginx配置等一顿操作，维护环境人员需要人工去服务器上打包、部署，甚至经常会操作出去。另外随着前端项目越来越多，每天需要频繁改配置文件，不断的重启nginx文件，导致影响测试进度。

05

基于docsify+github+typora构建个人知识库

docsify，一款神奇的文档网站生成器，可以快速生成文档网站。不同于 GitBook、Hexo 的地方是，它不会生成静态的 .html 文件，所有转换工作都是在运行时。如只需要创建一个 index.html 就可以开始编写文档并直接部署在github pages上（小清新的样式，干净简洁）

01

vue06安装vue-cli+使用vue-cli搭建项目+什么是*.vue文件+开发示例+必问面试知识点

安装成功后会在配置的node_global\node_modules目录下会看到vue-cli目录。

01

体验Vite快速构建项目

前端大佬尤雨溪在知乎上回答这样一个问题, 随着vite2.0的发布,直接引爆前端圈。

00

【初学者笔记】前端工程化必须要掌握的 webpack

现在学习的是 webpack4 的最新版，新建文件夹，npm init -y 初始化一下，然后执行下面命令进行安装，需要同时安装 webpack 和 webpack-cli。

03

vitepress搭建markdown文档博客

VitePress 是 VuePress 的下一代框架，是支持vue 3.0 的 web 网站框架。

02

深入了解Webpack 5

本质上，有两种构建JavaScript应用程序的模式：开发和生产。以前，您已使用开发模式在本地开发环境中开始使用Webpack Dev Server。您可以更改源代码，Webpack再次将其捆绑，Webpack Dev Server会在浏览器中向您显示最新的开发版本。

03

一文教你使用 Gitbook 部署电子书到云端

GitBook.com GitBook 是一个基于 Node.js 的命令行工具，可使用 Github/Git 和 Markdown 来制作精美的电子书，并托管图书的在线平台。它提供托管，协作功能和易于使用的编辑器。

04

体验Vite快速构建项目

前端大佬尤雨溪在知乎上回答这样一个问题, 随着vite2.0的发布,直接引爆前端圈。

01

深入了解Webpack

本质上，有两种构建JavaScript应用程序的模式：开发和生产。以前，您已使用开发模式在本地开发环境中开始使用Webpack Dev

07

Hugo 跨版本升级

本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议，欢迎转载、或重新修改使用，但需要注明来源。署名 4.0 国际 (CC BY 4.0)

01

Webpack 详解

本质上，有两种构建JavaScript应用程序的模式：开发和生产。以前，您已使用开发模式在本地开发环境中开始使用Webpack Dev

02

vue.config.js 配置文件

vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。

00

腾讯 IMWeb 团队的前端构建秘籍

本文由 IMWeb 团队成员 eden 首发于腾讯内部 KM 论坛。点击阅读原文查看 IMWeb 社区更多精彩文章。前言随着前端构架工具的不断发展，提供了很多提高我们的开发体验和开发效率的能力，同时构建已经成为前端技术栈中常见的技术。 webpack 也是众多构建工具中崭露头角一员，早期的 webpack 配置复杂难懂，随着其发展，相关配置也不断简化，性能也不断提高，但是对于深入使用的开发人员，通常它的默认配置并不适用于业务开发，需要针对自己业务调整适配。你对 webpack 了解多少？如何针对业务

03

vue项目构建打包发布三部曲

一、vue项目的创建 1、首先第一肯定是要有Node.js及npm这个不多说了 2、安装脚手架此时可以直接浏览-但是现在肯定有很多小白想将他发布到gitHub上并可以浏览，使用vue全家桶制作自己的

03

利用 yeoman 构建项目 generator

00

vue 3.0新特性

在9 月 30 日的Vue.js 伦敦大会上，作者尤雨溪介绍了 Vue 下一个版本将要发布的内容，以及 Vue 3.0 的开发路线，和后面版本的发展情况。虽然，Vue 3.0版本的正式版还没有发布，不过作为vue 项目快速构建工具的vue-cli 早已发布，我们可以通过vue-cli来了解vue 3.0的一些情况。

03

[Vue 牛刀小试]：第十二章 - 使用 Vue Router 实现 Vue 中的前端路由控制

前端路由是什么？如果你之前从事的是后端的工作，或者虽然有接触前端，但是并没有使用到单页面应用的话，这个概念对你来说还是会很陌生的。那么，为什么会在单页面应用中存在这么一个概念，以及，前端路由与我们后端的路由有什么异同呢。本章，我们就来简单介绍下前端路由的概念，以及如何在 Vue 中使用 Vue Router 来实现我们的前端路由。

01

预构建如何玩转秒级依赖预构建的能力？

大家都知道， Vite 是一个提倡 no-bundle 的构建工具，相比于传统的 Webpack，能做到开发时的模块按需编译，而不用先打包完再加载。这一点我们在快速上手这一节已经具体地分析过了。

09

如何创建Vue项目并与后端django联调

webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。

01

我是如何让公司后台管理系统焕然一新的(上) -性能优化

马上到了金三银四的时间，很多公司开启了今年第一轮招聘的热潮，虽说今年是互联网的寒冬，但是只要对技术始终抱有热情以及有过硬的实力，即使是寒冬也不会阻挠你前进的步伐。在面试的时候，往往在二面，三面的时面试官会结合你的简历问一些关于你简历上项目的问题，而以下这个问题在很多时候都会被问到

02

京东快递H5项目接入vite实战

Tech 导读本文介绍了如何在开发阶段将vite应用于vue 2.x 工程，从而提高研发的开发体验与效率。主要涉及如何兼容process变量，如何处理 node-sass 与 dart-sass冲突，以及路径别名的兼容处理等。通过这篇文章可以为读者在vite接入过程中遇到的问题提供一些解决方案, 并帮助读者理清vue工程接入vite的具体思路。本文主要从整体介绍了新版会员徽章系统的设计方案以及未来规划，主要描述了等级模型的设计思路，读者可以通过本文对徽章系统的核心功能有初步的了解。

01

轻量级工具Vite到底牛在哪, 一文全知道

时下大热的vue框架又来了新开发环境构建工具——Vite,今天我们一起来了解一下这个新成员。

04

使用Webpack提升Vue.js应用程序的4种方法（翻译）

本文翻译自，翻译技巧不太好，不喜勿碰： 4 Ways To Boost Your Vue.js App With Webpack 众所周知，webpack 是开发 vue.js 单页面应用程序的必备工具，通过管理复杂的构建步骤，它可以使您的开发工作流程更加简单，并且可以优化应用程序的大小和性能。在本文中，我将解释Webpack增强Vue应用程序的四种方法，包括：

02

前后端分离之vue2.0+webpack2 实战项目 -- html模板拼接

对于前后端分离，如何把一个页面的公共部分比如head, header, footer, content等组合成一个完整的html 是一个值得考虑的地方。对于php，我们可以利用include加载其他页面，像yii框架，可以利用render将输出的内容嵌入到父模板，从而形成一个完整的页面。那对于纯静态的html我们如何拼接呢？可以想到市面上的多种模板引擎，比如artTemplate, doT, ejs等，他们可以使用require或include等特殊标记的语法来引入其他模块。但如果每个页面我们都去写若

06

基于 Webpack & Vue & Vue-Router 的 SPA 初体验

最近这几年的前端圈子，由于戏台一般精彩纷呈，从 MVC 到 MVVM，你刚唱罢我登场。 backbone，angularjs 已成昨日黄花，reactjs 如日中天，同时另一更轻量的 vue 发展势头更猛，尤其是即将 release 的2.0版本，号称兼具了 angularjs 和 reactjs 的两者优点。不过现在的官方版本还是1.0 ，下面就是基于1.0版本的初体验。 1. 为什么要 SPA？ SPA：就是俗称的单页应用（Single Page Web Application）。在移动端，特别是

05

详解 Vue 目录及配置文件之 build 目录

1.1 项目目录介绍目录/文件说明详解 build 项目构建(webpack)相关代码详解 config 配置目录，包括端口号等详解 node_modules npm 加载的项目依赖模块详

02

ES6语法处理

如果你仔细阅读webpack打包的js文件，发现写的ES6语法并没有转成ES5，那么就意味着可能一些对ES6还不支持的浏览器没有办法很好的运行我们的代码。

01

深入Spring Boot (七)：静态资源使用详解

Web应用经常需要使用大量的静态资源，如图片、css、js等，Spring Boot对这些静态资源的使用提供了默认配置。本篇将详细介绍如何使用默认配置和如何修改这些默认配置，主要包含以下5部分内容： 1.静态资源存储路径； 2.静态资源访问路径； 3.最佳实践； 4.应用欢迎页； 5.应用图标。 1.静态资源存储路径默认配置下，使用Spring Boot可以将静态资源存储在/static或/public或/resources或/META-INF/resources目录下，这四个目录的根目录都是classp

08

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭