1.vue-cli 构建项目
文件(my-project)
cd my- project
// 运行
npm run dev
2.vue-cli 使用axios
文件中中使用
this.axios.post..
3.vue-cli项目和请求后台接口
文件下的index.js，修改dev。
dev: {
proxyTable: {
'/': {
target: 'http://192.168.1.122:8080',//此处不能用localhost:8080，需要用ip替换
changeOrigin: true,pathRewrite: {
'^/': ''
}
}
}
}
// 在需要调用接口的地方调用，会自动代理
this.axios.post('/getList/list',{
orderId: '',userId: ''
}).then(function (msg) {})
4.vue-cli使用sass
加上
{
test: /\.scss$/,loaders: ['style','css','sass']
}
//第三步在.vue文件中设置
5.vue-cli使用swiper
文件中引入
import Swiper from 'Swiper'
// 3.下载swiper样式文件,并在需要使用的.vue文件引入(多个地方使用可在main.js中引入)
import '../../assets/css/swiper-4.2.6.min.css'
// 4.初始化
var mySwiper = new Swiper('.swiper-container',{
autoplay: {
delay: 5000
},pagination: {
el: '.swiper-pagination',clickable: true,}
})
总结
以上所述是小编给大家介绍的vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
原文链接：https://www.f2er.com/vue/32124.html