Vue Cli3使用

npm uninstall vue-cli -g
# OR 
yarn global remove vue-cli

npm install -g @vue/cli
# OR
yarn global add @vue/cli

vue --version

vue create hello-world

vue ui

npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
vue init webpack my-project

npm run serve

module.exports = {
    devServer: {
        disableHostCheck: true, //  新增该配置项
    }
}

npm install --save axios vue-axios

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

Vue.axios.get(api).then((response) => {
  console.log(response.data)
})

this.axios.get(api).then((response) => {
  console.log(response.data)
})

this.$http.get(api).then((response) => {
  console.log(response.data)
})

npm install --save axios

import axios from 'axios'

Vue.prototype.axios = axios;

Vue.axios.get(api).then((response) => {
  console.log(response.data)
})

module.exports = {
    devServer: {
        disableHostCheck: true, //  新增该配置项
        proxy: {
            '/psvmc': {
                target: 'http://www.psvmc.cn',   //代理接口
                changeOrigin: true,
                pathRewrite: {
                    '^/psvmc': ''    //代理的路径
                }
            }
        }

    }
};

this.axios
    .get('/psvmc/userlist.json')
    .then(function (data) {
        console.info(data);
    })

npm install vue-cookies --save

import Vue from "vue";
import VueCookies from 'vue-cookies'

Vue.use(VueCookies);

Vue.prototype.$mycookie = {
    addcookie: function (key, value) {
        var host = window.location.host;
        if (host.indexOf("xhkjedu") !== -1) {
            window.$cookies.set(key, value, '7d', '/', '.xhkjedu.com', false);
        } else {
            window.$cookies.set(key, value, '7d', '/');
        }
    },
    delcookie: function (key) {
        window.$cookies.remove(key);
    },
    getcookie: function (key) {
        return window.$cookies.get(key);
    }
};

this.$mycookie.addcookie("loginuser",JSON.stringify(data.obj));

npm run lint --fix