zoukankan      html  css  js  c++  java
  • 第十章、Vue项目的联调上线

    抓包 

    Fiddler,charles抓包代理工具

    一、解决跨域

    proxyTable(查看博客总结)

    二、解决用本机ip地址不能访问

    在dev中加上 --host 0.0.0.0就可以用本机ip访问,这样的话可以用手机在内网(局域网)里通过这个ip地址访问测试我们的网页

    三、解决A/B/C拖动整个页面跟随拖动问题

     

     四、有的手机打开页面是白屏

    可能是因为不支持promise,解决这个问题,a.安装 npm install babel-polyfill --save

     b.在main.js中引入这个包

     c.如果手机还出现白屏问题,那可能跟webpack中dev-server有关系,这时候要发布后的准生产环境测试。

    五、打包上线

    a.在命令行输入npm run build进行打包

     b.打包完成后,根文件夹下会有一个dist文件夹,这个文件夹中的代码就是最终要上线的代码

    c.项目放到后端服务器,解决路径配置问题,在配置文件中,找到build(打包配置项),配置     访问路径。把dist文件夹改名为project文件夹,直接放到后端服务器的根目录。就可以通过对应的目录访问

     

    六、异步组件实现按需加载

    js文件夹中有三个有用的文件

    manifest.js--->webpack打包生成的配置文件

    vendor.js--->各个组件各个页面公用的代码

    app.js---->项目各个页面的所有的业务逻辑代码

    是需要什么,再加载什么,拆分的是app.js

    以前直接使用

    异步组件加载

     只要是组件都可以进行异步加载,比如图

  • 相关阅读:
    SetROP2
    FillRect与FrameRect用法
    MFC(继续画图,孙鑫C++第十讲笔记整理)
    海康威视DS-4100、4000HC 系列板卡SDK编程指南
    C--算法与数据结构--顺序表操作
    HTML 5--adding paragraphs
    HTML 5--基础
    temp--文件夹中的文件处理
    Java--蓝桥杯真题(二)
    Java--蓝桥杯真题
  • 原文地址:https://www.cnblogs.com/qdwz/p/11875572.html
Copyright © 2011-2022 走看看