如何动态修改Vue项目中的页面title_qq_26780317的博客-CSDN博客_vue动态设置页面title
vue项目--favicon设置以及动态修改favicon - ArthurWong - 博客园
两篇博文 记录一下
原文链接：
https://www.cnblogs.com/chinabin1993/p/8509743.html
Vue
项目运行npm run build后会生成一个dist文件夹，我们一般都是把这个文件夹部署到服务器上。dist文件夹里边有一个static文件和一个
index
.
html
页面，这个
index
就是最后单页面的最终文件。
问题一：我在打包完成后，打开
index
.
html
文件发现地址并没有携带路由。
这样的话页面就是空白了，因为没有组件被添加到页面
中
。打开F12会看到一堆的红色failed请求。打开请求地址是这样的。
进入D盘就开始寻找static文件夹当然是找不到的。既然知道了是打包之后寻找文件的地址错误，就去config文件夹下的
index
.js
中
寻找问题。
index
.js
中
的bui
详细信息查看：
vue
-weachat-
title
解决问题：
1、
Vue
js 单页应用在iOS系统下部分APP的webview
中
标题不能通过 document.
title
= xxx 的方式
修改
该插件只为解决该问题而生(兼容安卓)
2、在
vue
单页面
中
，通过浏览器分享到QQ、微信等应用
中
的链接，只有一个首页标题和默认
icon
图片
已测试：APP 微信 QQ 支付宝 淘宝
npm install
vue
-wechat-
title
--save
1、在main.js
中
引入
import
Vue
Wechat
Title
from '
vue
-wechat-
title
'
Vue
.use
* 以element-ui举例 我再main.js里是以
* import ELEMENT from 'element-ui'
*
Vue
.use(ELEMENT, { size: 'small' })
* 这样引入的，所以我的externals的属性值应该是E
默认状况下，
Vue
项目的访问路径以 /#/，但咱们有时候可能须要给项目定义一个明确的访问路径，如 /my_
vue
/ 等，这时咱们须要
修改
配置
，自定义项目的访问路径，方法以下：css1. 在
index
.
html
添加 (pay自定义的名称)收银台2. 在
配置
路由的
index
.js添加 mode: ‘history’, base: ‘/pay/’import
Vue
from '
vue
'import ...
YDOOK：
vue
3.0:
vue
-cli4.5: 改变项目的网页页面 标签标题
title
更改网页标签的名称
TITLE
1. 首先，我们不能从 ./public/
index
.
html
文件
中
修改
：
因为该文件为
index
.
html
的模板文件，一般不在这里
修改
，这里的
修改
是 普遍性的 与 通用性的：
<!DOCTYPE
html
>
<
html
lang="en">
<meta charset="utf-8">
