Vue.js - 02 修改网站的标题

好好活着，不要熬夜

已于 2022-05-14 00:49:35 修改

阅读量148

点赞数

分类专栏： Vue.js 文章标签： vue.js ubuntu 前端

于 2022-05-08 23:28:08 首次发布

本文链接：https://blog.csdn.net/qq_29761395/article/details/124657051

版权

Vue.js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

文章目录

环境
修改标题

环境

Ubuntu 版本信息：

$ lsb_release -a
No LSB modules are available.
Distributor ID:	Ubuntu
Description:	Ubuntu 22.04 LTS
Release:	22.04
Codename:	jammy

Node.js 和 NPM 版本信息：

$ node --version
v16.15.0
$ npm --version
8.5.5

VS Code 版本信息：

Version: 1.66.2
Commit: dfd34e8260c270da74b5c2d86d61aee4b6d56977
Date: 2022-04-11T07:49:24.808Z
Electron: 17.2.0
Chromium: 98.0.4758.109
Node.js: 16.13.0
V8: 9.8.177.11-electron.0
OS: Linux x64 5.15.0-27-generic

修改标题

该项目基于：Vue CLI - 安装 & 新建项目

在 VS Code 中打开项目，找到 public/index.html 文件：

在这里插入图片描述

注释原标题（第 8 行），添加自己的标题（第 9 行）：

<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
    <title>Hello World 20220508</title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

修改并保存完成之后，启动应用，打开浏览器访问 http://localhost:8080/，看看标题：

在这里插入图片描述

好好活着，不要熬夜

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Vue.js - 02 修改网站的标题

文章目录环境修改标题环境Ubuntu 版本信息：$ lsb_release -aNo LSB modules are available.Distributor ID: UbuntuDescription: Ubuntu 22.04 LTSRelease: 22.04Codename: jammyNode.js 和 NPM 版本信息：$ node --versionv16.15.0$ npm --version8.5.5VS Code 版本信息：Version: 1.66.
复制链接

扫一扫