vue-cli3网页显示标题

最新推荐文章于 2023-09-09 00:10:49 发布

铁树哥写Java

最新推荐文章于 2023-09-09 00:10:49 发布

阅读量1.5k

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/mhbsoft/article/details/108404151

版权

vue 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

1. package.json 文件
修改这个文件的 name，名字就会相应的修改。

{
  "name": "vuetest",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  ......
}

2. vue.config.js
args[0].title = “宝贝商城”; 这是需要显示的名字

module.exports = {
    // 基本路径
    publicPath: '/',
    // 输出文件目录
    outputDir: 'dist',
    assetsDir: 'static', // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。
    devServer: {
        // host: 'test.cnsuning.com',
        host: '0.0.0.0',
        port: 8085,
        proxy: {
            '/admin': {
                target: 'https://api.lovelive.tools',
                changeOrigin: true,   // 请求跳转到 target 的网址，如果是 false ，请求用的还是 host 的网址
                pathRewrite: {
                    '^/admin': '/admin'
                }
            }
        }
    },
    //修改或新增html-webpack-plugin的值，在index.html里面能读取htmlWebpackPlugin.options.title
    chainWebpack: config => {
        config.plugin('html')
            .tap(args => {
                args[0].title = "宝贝商城";
                return args;
            })
    },
}