vue 配置項目瀏覽器logo、項目名稱

更換瀏覽器項目的logo，需要在項目的 打包的根文件index.html下添加頁面配置

<link rel="icon" href="<%= BASE_URL %>favicon.ico">
//  <%= BASE_URL %>  會默認到public文件夾下面
//是webpack 配置中使 webpack.definePlugin 
這個內置 webpack 插件全局聲明了 BASE_URL 這個變量為項目根目錄。

在 vue-cli 創建的一個項目中執行命令 vue inspect > output.js 將 vue-cli 中對 webpack 的配置信息導出到 output.js 文件，會發現下面一段代碼：
/* config.plugin('define') */
new DefinePlugin(
	{
		'process.env': {
			NODE_ENV: '"development"',
			BASE_URL: '"/"'
		}
	}
),

設置瀏覽器項目名稱

    <title>
        <%= htmlWebpackPlugin.options.title %>
    </title>
// <%= htmlWebpackPlugin.options.title %> 這個主要是html-webpack-plugin 提供的

vue.config.js 配置

module.exports = {
	chainWebpack: config => {
        config.plugin('html').tap(args => {
            args[0].title= 'ruis'  //項目名稱
            return args
          })
    },
}

拓展：
如果瀏覽器項目名稱幾乎不怎么改變，可以用上面這個 也可以直接在 title 中寫死；
如果想根據路由動態修改瀏覽器項目名稱的話，可以考慮在 路由攔截器中 用 js 進行 title 的賦值