#css文件全局配置 以及 js配置文件配置
**在main.js文件中进行添加**
//1)配置全局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')
//2)配置自定义js设置文件
这里注意,导入时用let会没有效果,let一般是设置局部的变量,全局访问不到
import settings from '@/assets/js/settings.js';
Vue.prototype.$settings = settings;
// 在任何一个组件中的逻辑,可以通过this.$settings访问settings.js文件的{}数据
全局的css文件(用来消除默认的css样式)
html, body{
margin: 0;
}
a{
color: black;
text-decoration: none;
}
ul{
margin: 0;
padding: 0;
}
效果展示:
未配置css样式时:
配置css全局文件后:
js配置文件设置
export default {
base_url:'https://127.0.0.1:8000'
}
设置效果展示:
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=20200228121720840.png)
godlovery
发布了1 篇原创文章 · 获赞 0 · 访问量 31
私信
关注