vue-cli3之配置文件-vue.config.js

运行项目自动运行浏览器

module.exports = {
  lintOnSave: false,

  devServer: {
    port: 8081,   //  端口号
    host: "localhost",  
    open: true    //  配置自动启动浏览器
  }
};

使用proxy跨域

最终接口地址： http://localhost:3000/test
vue.config.js文件中配置：

module.exports = {
  devServer: {
    proxy: {
      // 接口是 '/api' 开头的才用代理
      '/api': {
        target: 'http://xxxx/device/',  // 目标地址
        changeOrigin: true,             // 是否改变源地址
        ws: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

home.vue

this.$http.get("/api/test")
    .then(res => {
      console.log(res);
    })
    .catch(err => {
      console.log(err);
    });