前台页面调试

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/;(即电脑端，后台项目所在地址)---->后台返回数据