前臺配置

一. axios先後臺交互#

1. 安裝：前端項目目錄下的終端#

Copy

cnpm install axios

2. 配置：main.js#

Copy

import axios from 'axios'
Vue.prototype.$axios = axios;

二. cookies操做#

1. 安裝：前端項目目錄下的終端#

Copy

cnpm install vue-cookies

2. 配置：main.js#

Copy

import cookies from 'vue-cookies'
Vue.prototype.$cookies = cookies;

三. element-ui頁面組件框架#

1. 安裝：前端項目目錄下的終端#

Copy

cnpm install element-ui

2. 配置：main.js#

Copy

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

四. bootstrap頁面組件框架#

1. 安裝：前端項目目錄下的終端#

Copy

cnpm install jquery
cnpm install bootstrap@3

2. 配置jquery：vue.config.js#

Copy

const webpack = require("webpack");

module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $: "jquery",
                jQuery: "jquery",
                "window.jQuery": "jquery",
                "window.$": "jquery",
                Popper: ["popper.js", "default"]
            })
        ]
    }
};

3. 配置bootstrap：main.js#

Copy

import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'