14_08、luffy前台配置

luffy前台配置

axios前后台交互

安装：前端项目目录下的终端
1
 
>: cnpm install axios
配置：main.js
1
2
 
import axios from 'axios'
Vue.prototype.$axios = axios;

cookies操作

安装：前端项目目录下的终端
1
 
>: cnpm install vue-cookies
配置：main.js
1
2
 
import cookies from 'vue-cookies'
Vue.prototype.$cookies = cookies;

element-ui页面组件框架

安装：前端项目目录下的终端
1
 
>: cnpm install element-ui
配置：main.js
1
2
3
 
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

bootstrap页面组件框架

安装：前端项目目录下的终端
1
2
 
>: cnpm install jquery
>: cnpm install bootstrap@3
配置jquery：vue.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
const webpack = require("webpack");

module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $: "jquery",
                jQuery: "jquery",
                "window.jQuery": "jquery",
                "window.$": "jquery",
                Popper: ["popper.js", "default"]
            })
        ]
    }
};
配置bootstrap：main.js
1
2
 
import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'
← python/MySQL入门/5-Mac安装MySQL db/Elasticsearch系列/03-01-安装nodejs →
posted @ 2022-04-19 23:21  三三得九86  阅读(25)  评论(0)    收藏  举报