vue+vant+vux

最新推荐文章于 2024-08-30 16:05:38 发布

默星空

最新推荐文章于 2024-08-30 16:05:38 发布

阅读量1.4k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_40391724/article/details/86650210

版权

本文介绍了如何在Vue项目中集成Vux和Vant插件，包括安装步骤、配置修改以及解决跨域问题的方法。通过vux-loader添加Vux，修改webpack配置，然后安装并配置Vant，实现按需加载。同时，提供了调整Vue项目webpack端口和使用axios进行POST请求的跨域传参技巧。

摘要由CSDN通过智能技术生成

1.新建vue项目 vue init webpack 项目名
2.添加vux插件：
   2.1：npm install vux --save-dev//1.安装vux
   2.2：npm install vux-loader --save-dev//2.安装vux-loader
   2.3：npm install less less-loader --save-dev3.安装less-loader以正确编译less源码
   2.4：修改build/webpack.base.conf.js中的代码:
       2.41：添加const vuxLoader = require('vux-loader')
       2.42：将module.exports改名为let webpackConfig
       2.43：添加module.exports = vuxLoader.merge(webpackConfig, {
plugins: ['vux-ui']
})
3.添加vant插件：
   2.1：npm i vant -S//1.安装vant
   2.2：npm i babel-plugin-import -D//安装 babel-plugin-import 插件
   2.3：在.babelrc中添加["import", [{ "libraryName": "vant", "style": true }]]到plugins中

webpack改变访问端口：config/index.js
vue跨域传参:
1.打开config/index.js,在这里面找到proxyTable{},改为proxyTab