vue出坑之路第一轮

vue出坑之路第一轮

• 上线打包，需要修改哪些配置文件
• layui如何与vue结合使用

---

vue统一管理接口以及跨域

随着项目越来越大，接口越来越多，甚至是上百上千个接口，统一接口是非常有必要的，下面是方法：

在vue项目中，config中的index.js，dev下面加一个proxyTable，proxyTable是解决跨域问题，pathRewrite是统一接口。

proxyTable: {
  '/api': {
    target: 'http://www.****.com',//设置你调用的接口域名和端口号 别忘了加http
    changeOrigin: true,
    pathRewrite: {
     '^/api':'/'
      }
  }

}

在项目里就是这样用，就可以了。

tab:function(data) {
  this.$ajax.get('/api/orderGoods/mainPage',data).then((res)=>{
    this.tablist=res.data.classification;
  })
},

上线打包

上线打包之前会有一些很坑的问题，需要我们解决。
首先需要修改一下配置文件再打包，很多人都是遇到过打包后运行一片空白等等问题，这些问题主要就是路径的问题，所以需要修改config下面的index.js这个配置文件里选项：

上图中第一个要修改的就是静态文件的路径，打包后静态文件就在当前目录下，所以修改为./