Vue 学习之移动端（公众号）项目创建

关注

原创最新推荐文章于 2026-02-15 07:57:52 发布 622 阅读 AI 写同款· GEO 优化 ›

【微信公众号网页项目】Vue+Spring Boot，微信公众号网页项目，授权微信并获取用户个人信息阅读详情

新建项目命令(使用前端框架Vux || Vant)

打开创建项目路径根目录，点击路径输入cmd打开窗口，输入以下命令
(1)vue init airyland/vux2 projectName
(2)cd projectName
(3)npm install --registry=https://registry.npm.taobao.org
淘宝镜像
(4) npm run dev

//注意：直接使用cnpm可能会导致依赖不正确。强烈建议给npm设置taobao的registry。

采用sass样式预处理框架，安装一下插件：
1、npm install node-sass --save-dev //安装node-sass
2、npm install sass-loader --save-dev //安装sass-loader
3、npm install style-loader --save-dev //安装style-loader
容易安装版本号不同
• 版本号修改命令 npm install sass-loader@7.3.1
• npm install sass-loader@7.3.1 --save-dev
•
基本安装命令
npm install --save axios
npm install vuex –save
npm install node-sass --save-dev //安装node-sass
npm install style-loader --save-dev //安装style-loader

基础配置文件的配置
请求代理配置：
请求模块axios，配置好了之后请求接口会遇到跨域问题，修改config ==>index.js里面的proxyTable，可配置跨域代理。代码如下：

   proxyTable: {
             target: 'http://192.168.1.111:8809/',
             bypass: function (req, res, proxyOptions) {
             req.headers.referer = 'http://192.168.1.111:8809/';
              req.headers.host = 'xxx';
        },
           changeOrigin:true,//允许跨域
                 pathRewrite: {
        '^/api': '/'
   }
},

以上只是个人简单的学习记录，方便以后学习继续优化更新，希望能提供参考

收录于