前言 问题一:我们在App内嵌H5开发的过程中,肯定会遇到一个问题就是我不想在chrome的控制台中调试也不想在模拟器中调试,我想要在真机上调试,那么如何解决这个问题呢? 问题二:我们期待调试时达到的效果就是和Charles学习(二)之使用Map local代理本地静态资源在Mac上调试移动端中实现的效果相同,也就是说代码更改手机端页面实时更新,这个问题如何解决? 方案 问题一解决方案:使用真机,需要一台iPhone和一台Android,在真机上安装测试包 问题二解决方案: 配置移动端代理 | …

前言 问题一:我们在App内嵌H5开发的过程中,肯定会遇到一个问题就是我不想在chrome的控制台中调试,我想要在手机上调试,那么如何解决这个问题呢? 问题二:我们期待调试时达到的效果就是和Charles学习(二)之使用Map local代理本地静态资源在Mac上调试移动端中实现的效果相同,也就是说代码更改页面实时更新,这个问题如何解决呢? 方案 问题一解决方案:使用模拟器 问题二解决方案: 配置网页代理 | 使用Map local代理本地静态资源 使用模拟器 一.安装 通过xcode安装模拟器…

前言 我们在开发的过程肯定是一边写代码,一边查看自己的代码写的是否存在问题,那么问题来了,有两种情况 情况一:我们可以本地起服务,那么我们就可以在本地检查自己的代码,查看运行结果 情况二:本地无法起服务,那么我们怎么办?难道要改一点就要上预发? 方案 情况二方案:配置移动端代理 | 使用Map local代理本地静态资源,也就是html.css.js.img还有json 配置网页代理 详情见Charles学习(一)之macOS Charles 4.x版本的安装.激活.使用以及软件功能了解 Map…

vue-cli3.x中使用axios发送请求,配合webpack中的devServer编写本地mock数据接口(get/post/put/delete) 手把手式笔记 Axios配置 安装 axios npm install axios main.js同级目录新建axios配置文件setaxios.js import axios from 'axios' // import store from './store' //vuex // import router from './router'…

1 本地图片动态绑定img的src属性 一般我们在html中或者vue组件文件中引用图片是这样,这是不需要做特别处理的 我们将图片放入assets中或者重新建立个文件夹img什么的都可以,随意- 但是我们这时候可能会有个需求就是我们要动态绑定一组本地图片 1 将图片当成模块先引进来,再绑定 但是这种做法局限性比较大,模块化差,代码不好看 . 如果我做的是纯静态的网站展示,有许多的本地静态资源需要加载,里面包括本地数据和本地图片混合的好几组,那不是要麻烦死- 1.1 所以我们需要三步 第一步我们在…

1.小于8K的图片将直接以base64的形式内联在代码中,可以减少一次http请求. 2.大于8k的呢?则直接file-loader打包, 这里并没有写明file-loader.但是确实是需要安装,否则会有问题.而name也是file-loader的属性. 重复一次 必须安装file-loader: { test: /\.(woff|woff2|eot|ttf|svg|jpg|png|gif)\??.*$/, loader: 'url-loader', query: { // 图片大小限制 单位…

dockerNginx代理本地目录 ssl_certificate cert/5900588_test.zk.limengkai.work.pem; ssl_certificate_key cert/5900588_test.zk.limengkai.work.key; docker run -tdi --rm -v /containers/nginx:/etc/nginx -v /amydata:/amydata -v /usr/share/zoneinfo/Asia/Shanghai:/et…

经常配了nginx静态目录,死活访问不了,每次访问404.查看文档后,发现nginx配置静态目录使 用以下规则 假如nginx是在本机,静态目录也是在本机, 1.子目录匹配 如下配置 location / { root /data/www; } 访问http://127.0.0.1/时,配匹配/data/www 访问http://127.0.0.1/images时,配匹配/data/www/images 访问http://127.0.0.1/images/1.jpg时,配匹配/data/www/…

2018年03月31日 10:30:12 麦洛_ 阅读数:1362更多 所属专栏: nginx   版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/Milogenius/article/details/79721507 大家好,网上关于使用nginx的反向代理和静态资源服务配置有很多资料,本篇主要分享在开发环境中,我如何利用nginx来实现对开发项目的反向代理和静态资源的托管; 一.神马是反向代理 反向代理(Reverse Proxy)方式是指以…

Webpack dev server使用http-proxy解决跨域问题 文档资料 webpack关于webpack-dev-server开启proxy的官方介绍Vue-cli proxyTable 解决开发环境的跨域问题——虽然这篇是写vue的,不过用在webpack-dev-server上也是一样的webpack设置代理http-proxy-middleware——webpack-dev-server的实现方法其实是对这个的封装 配置http-proxy 在webpack的配置文件(webp…