项目相关配置在哪里写?

由于采用vue-cli@3.x版本来初始化工程,所以没有了2.x版本对外暴露的webpack配置文件,所以如果相对项目进行一些配置,需要在项目根目录下新建vue.config.js.
比如需要修改项目启动的端口号,去掉打包后文件名的哈希值,如下:

1
2
3
4
5
6
7

module.exports = {
    baseUrl: '/', // 默认为根目录下 '/'
    devServer: {
        port: 8989
    },
    filenameHashing: false
}

Vue.prototype 定义的全局变量无法使用

如果在main中定义了一个全局变量

1
2

import apiConfig from "@/apiConfig";
Vue.prototype.apiConfig = apiConfig;

但是在组件中无法使用该变量，需要在 .d.ts 文件中加入如下代码：

1
2
3
4
5
6

import Vue from "vue";
declare module "vue/types/vue" {
    interface Vue {
        apiConfig: any;
    }
}

以上代码可在官方文档找到