Truora-Web

git clone https://github.com/WeBankBlockchain/Truora-Web.git

cd D:\project\Truora-Web

npm install

npm run dev

Listening at http ://localhost:3006

dev: {
        host: 'localhost', // can be overwritten by process.env.HOST
        port: 3006, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
        autoOpenBrowser: false,
        errorOverlay: true,
        notifyOnErrors: true,
        poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
        assetsSubDirectory: 'static',
        assetsPublicPath: '/',
        proxyTable: {
        '/oracle':{
            target:'http://127.0.0.1:5021/',  //在此修改跨域地址，这里是服务ip和端口，且可以访问
            changeOrigin:true,
            pathRewrite:{
                '^/oracle':''
                }
            },
        },
    },

overview请求url： /Oracle-Service/xx/xx/

Mock.mock('/Oracle-Service/xx/xx/',function (req,res) {     //url和上面axios相同
    return {
        "code":0,
        "message":"success",
        "data":{

        }
    }
});

Vue.use(ElementUI);
// require('./mock')    //直接require引入，开发时放开注释，打包时注释
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
})

npm run build

    upstream oracle_server{
        server 10.0.0.1:5021; # 服务ip和端口
    }
    server {
        listen       5020 default_server; # 前端端口（端口需要开通策略且不能被占用）
        server_name  0.0.0.0;           # 服务器ip，也可配置为域名
        location / {
                root   /data/Oracle-Web/dist;   # 前端文件路径(文件需要有权限访问)
                index  index.html index.htm;
                try_files $uri $uri/ /index.html =404;
        }

        include /etc/nginx/default.d/*.conf;

        location /oracle {
                    proxy_pass    http://oracle_server/;
                    proxy_set_header                Host                         $host;
                    proxy_set_header                X-Real-IP                 $remote_addr;
                    proxy_set_header                X-Forwarded-For         $proxy_add_x_forwarded_for;
        }
    }