express-http-proxy中间件处理移动端和pc端问题

由于官网项目做的是固定布局,如果通过媒体查询适应移动端布局就太麻烦了,最终通过中间件检测不同设备展示不同页面。

具体步骤:pc项目打包上线,wap项目打包上线,最后通过代理展示不同项目。

nuxt配置如下:package.json 里需要配置 start:运行项目的脚本 和 postinstall 安装完依赖就执行的脚本

express-http-proxy中间件处理移动端和pc端问题

nuxt.config.js 需要做如下配置 端口号监听5050

express-http-proxy中间件处理移动端和pc端问题

当我们分别把2个项目启动完成后。需要第三个项目,也就是中间件代理来代理他们2个

我们新建node项目,index.js,通过检测不同的设备,来显示不同端的项目就可以了。

express-http-proxy中间件处理移动端和pc端问题

 

上一篇:code testing


下一篇:nuxtjs如何在单独的js文件中引入store和router