Justin-刘清政的博客

python/路飞项目/1-项目基础/8-luffy前台配置

2019-11-27

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'
使用支付宝打赏
使用微信打赏

点击上方按钮,请我喝杯咖啡!

扫描二维码,分享此文章