Vue 学习之移动端(公众号)项目创建

新建项目命令(使用前端框架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': '/'
   }
},

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值