1、我们希望通过手机端点击sell.com网站,可以跳转到客户端页面,由于该域名并不能在真实的网络上访问,所有我们需要配置电脑host文件,通过host设置可以跳转到虚拟机中的页面,在此,我们需要将手机与电脑在同一个网段下,可以借助Fiddler来进行抓包,看查出请求过程。
build: {
env: require('./prod.env'),
index: path.resolve(__dirname, '../dist/index.html'),
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: '/',
productionSourceMap: false,
// Gzip off by default as many popular static hosts such as
// Surge or Netlify already gzip all static assets for you.
// Before setting to `true`, make sure to:
// npm install --save-dev compression-webpack-plugin
productionGzip: false,
productionGzipExtensions: ['js', 'css'],
port: 9000,
sellUrl: 'http://sell.com',
openidUrl: 'http://wxorder.natapp1.cc/sell/wechat/authorize',//前端重定向地址,重定向到后端
wechatPayUrl: 'http://127.0.0.1'
},
2、要在nginx中配置,当通过sell.com域名访问时,
#gzip on;
server {
listen 80;
server_name sell.com;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root /opt/data/wwwroot/sell;
index index.html index.htm;
}
location /sell/ {
proxy_pass http://192.168.191.2:8080/sell/;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
访问流程:在手机微信点击sell.com---->手机与电脑端在同一个网段,由于在电脑host文件配置192.168.116.146 sell.com,则请求----->
192.168.116.146(虚拟机)----->根据虚拟机中ngnix配置文件(server_name sell.come ....location /{root
/opt/data/wwwroot/sell;index index.html index.htm;})访问被定向到----->/opt/data/wwwroot/sell下的index.html页面 ------>发起请求sell.com/**-----> http://192.168.191.2:8080/sell/;(即电脑端,后台项目所在地址)---->后台返回数据
微信点餐系统
本文标题:微信点餐系统
文章作者:xu
发布时间:2018-07-14, 00:00:00
最后更新:2018-07-14, 13:56:02
原始链接:http://yoursite.com/2018/07/14/七、前台页面调试/
许可协议: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。