// see http://vuejs-templates.github.io/webpack for documentation.

 var path = require('path')

 module.exports = {

   build: {

     env: require('./prod.env'),

     index: path.resolve(__dirname, '../../sccod/views/home/index.cshtml'),

     assetsRoot: path.resolve(__dirname, '../../sccod/'),

     assetsSubDirectory: 'static',

     assetsPublicPath: '/',

     productionSourceMap: true,

     // 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'],

     // Run the build command with an extra argument to

     // View the bundle analyzer report after build finishes:

     // `npm run build --report`

     // Set to `true` or `false` to always turn it on or off

     bundleAnalyzerReport: process.env.npm_config_report

   },

   dev: {

     env: require('./dev.env'),

     port: 8080,

     autoOpenBrowser: true,

     assetsSubDirectory: 'static',

     assetsPublicPath: '/',

     proxyTable: {

       '/api':{

         target: 'http://localhost:3472',

         changeOrigin:true,

         pathRewrite:{

           '^/api': '/api'

         }

       }

     },

     // CSS Sourcemaps off by default because relative paths are "buggy"

     // with this option, according to the CSS-Loader README

     // (https://github.com/webpack/css-loader#sourcemaps)

     // In our experience, they generally work as expected,

     // just be aware of this issue when enabling this option.

     cssSourceMap: false

   }

 }

<template>

  <div id="app">

    <img src="./assets/logo.png">

    <div v-html="svrtest"></div>

    <router-view></router-view>

  </div>

</template>

<script>

require('@/util/util.js');

export default {

  name: 'app',

  data(){

    return{

      svrtest:''

    };

  },

  mounted(){

    this.$http.post('/api/operator/test').then(response=>{

      console.log(response.body);

      var obj = response.body;

      for(var item in obj){

        this.svrtest += '{0}={1}<br>'.format(item,obj[item]);

      }

    },response=>{

      console.log('err',response);

    })

  }

}

</script>

<style>

#app {

  font-family: 'Avenir', Helvetica, Arial, sans-serif;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  text-align: center;

  color: #2c3e50;

  margin-top: 60px;

}

</style>