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這個配置文件裏選項：

上圖中第一個要修改的就是靜態文件的路徑，打包後靜態文件就在當前目錄下，因此修改成./