【node】利用nodejs搭建本地服务器,访问本地静态资,解决小程序大量图片无法真机测试问题

应用场景

现在微信小程序背景图片都不允许用相对路径的图片,用这种方式就可以解决该问题,访问本地服务器图片地址,预览效果

前提

要安装node下载地址传送门

确定是否成功安装node
打开终端执行
node -v
看到版本号则代表安装成功
【node】利用nodejs搭建本地服务器,访问本地静态资,解决小程序大量图片无法真机测试问题_第1张图片


快速启动本地服务器

首先要全局安装anywhere
npm install anywhere -g

常用指令

  1. 启动本地服务(默认8000端口,同时打开浏览器)
    anywhere
  2. 指定静态服务器的端口号(3000代表指定的端口号,可根据实际情况自己修改)
    anywhere anywhere -p 3000
  3. 静默之星不打开浏览器
    anywhere -s

使用场景示例

通过启动的服务器访问此文件夹内的图片资源
【node】利用nodejs搭建本地服务器,访问本地静态资,解决小程序大量图片无法真机测试问题_第2张图片1.打开cmd找到这个文件夹的位置
此处安利一个快速打开的方式如下图O(∩_∩)O
【node】利用nodejs搭建本地服务器,访问本地静态资,解决小程序大量图片无法真机测试问题_第3张图片
2.执行anywhere -p 3000
最好指定一下端口号,避免默认的8000与其他服务冲突
【node】利用nodejs搭建本地服务器,访问本地静态资,解决小程序大量图片无法真机测试问题_第4张图片
此时会弹出浏览器可以通过http访问到此文件夹内的所有内容
【node】利用nodejs搭建本地服务器,访问本地静态资,解决小程序大量图片无法真机测试问题_第5张图片
此时就可以用http://10.33.6.138:3000这个路径去访问静态资源

你可能感兴趣的:(js,微信小程序)