全局配置css和js

Posted 2021-03-09 Hank·Paul

配置全局css

global.css

html, body {
    margin: 0;
}

a {
    color: black;
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}

main.js

配置全局css

import \'@/assets/css/global.css\'
// import global_css from \'@/assets/css/global.css\'  // 资源需要用变量保存,方便以后使用
// require(\'@/assets/css/global.css\') (推荐)
// let global_css = require(\'@/assets/css/global.css\')  // 资源需要用变量保存,方便以后使用

配置全局js

 settings.js

export default {
    base_url: \'https://127.0.0.1:8000\'
}

main.js

配置自定义js设置文件

import settings from \'@/assets/js/settings.js\'
Vue.prototype.$settings = settings;
// 在任何一个组件中的逻辑,可以通过 this.$settings访问settings.js文件的{}数据