記錄一下需要打包的過程和和需要修改的配置

1：需要修改cinfig檔案下的index.js檔案中配置資訊

將assetsPublicPath：'/'  改成 assetsPublicPath：'./'

 

2：想要訪問靜態資源需要修改build檔案的utils.js檔案中的配置資訊

 if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath:'../../'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
  }
 

將publicPath修改成 publicPath:'../../'

 

3：通過cmd命令，先進入到專案程式碼的路徑中，然後通npm run build命令開始打包程式碼。打包成功後會在專案檔案中增加一個dist檔案。將這個檔案放在tomcat中的webapps下就可以測試訪問了。

當想要訪問前端的程式碼時，通過如下路徑：http：//伺服器ip：tomcat埠/dist/index.html即可訪問前端資源

同時需要修改前端程式碼中的後端介面路徑：http：//localhost：tomcat埠/後端war包名稱/../../

此時在任意一個客戶端上的瀏覽器上輸入http：//伺服器ip：tomcat埠/dist/index.html

都可以訪問伺服器上的前後端的資源資訊。