vue初始化

1. 删除helloword组件，及其相关的内容

2. 在src目录下创建settings.js站点开发配置文件：

export default {
  host: "http://www.xxx.com:8000", 
}


// 或者
export default {
  host:"http://127.0.0.1:8000",
}

3.在main.js中进行封装到vue对象里面

import settings from "./settings"
Vue.prototype.$settings = settings;  // 将settings中的内容作为vue的属性，以后就不用每次都导包了

4.使用

get_nav_data() {
      this.$axios.get(`${this.$settings.host}/home/nav/top/`)
        .then((res) => {
          this.nav_top = res.data
        })
        .catch((error) => {

        })

5.全局样式修改

App.vue，全局css初始化代码

reset.cs

body{
    margin: 0;
    padding: 0;
  }
  ul{
    list-style: none;
    padding: 0;
    margin: 0;
  }
  li{
    list-style: none;
  }
  /*.el-header{*/
  /*  width: 1200px;*/
  /*}*/
  input,select,textarea{
    border: none;
    outline: none;
  }
  a{
    text-decoration: none;
    color: #4a4a4a;
  }

也可以把App.vue的style标签的css代码放到static外部目录下引用过来

main.js

import "../static/css/reset.css";