python前后台交互相关配置

全局配置:全局样式、配置文件

在js下创建setting.js ，配置全局的settings.js

import settings from \'@/assets/js/settings\'

Vue.prototype.$settings = settings;

export default {
    base_url = \'http://127.0.0.1:8000\'
}

配置全局的css样式

# import \'@/assets/css/global.css\'  ###二者皆可
require(\'@/assets/css/global.css\');

配置element-ui插件

①安装:cnpm install element-ui

②配置环境

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

配置jquery 和bootstrap环境

①安装:cnpm install jquery && cnpm install bootstrap@3

②配置环境：jq在vue.config.js中配置

import "bootstrap"  // 加载bs的逻辑
import "bootstrap/dist/css/bootstrap.css"

vue.config.js

const webpack = require("webpack");

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

前后台交互跨越问题：CORS

配置axios来完成前后台ajax请求
1、安装：cnpm install axios
2、配置环境

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

配置cookie操作插件

1、安装：cnpm install vue-cookies
2、配置环境

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