Vuejs+elementUI項目，在進行打包時，要注意的問題

注意：打包之前，需要注意修改一些地方

（1）若是前后端分離開發的，前端開發過程中可能會在api.js中設置訪問路徑為服務器所在電腦的ip：端口，打包前，最好將它改回localhost:8080

（2）打包后，放到服務器，可能會出現找不到頁面js文件的問題，所以預先在webpack.prod.conf.js文件：

const webpackConfig/output內，添加字段publicPath:'./'，效果如下

output: {
  path: config.build.assetsRoot,
  filename: utils.assetsPath('js/[name].[chunkhash].js'),
  chunkFilename: utils.assetsPath('js/[id].[chunkhash].js'),
  publicPath:'./'
},

 

1、打包命令：cnpm run build

2、打包完成后，在項目目錄中會生成一個dist文件夾，內有static文件夾和index.html（測試一下，看能否直接打開index.html文件，能則打包成功）

3、index.html是服務器要用到的默認頁面，static文件夾內是編譯壓縮后的js文件，供index.html引用

4、將static文件夾和index.html文件放到服務器的webapp/WEB-INF下，即可啟動服務器。啟動之前，若web.xml中設置了<servlet>的<servlet-mapping>的<url-pattern>為“/”,則要在springmvc.xml文件中添加配置訪問webapp下static文件夾下的靜態資源的

<mvc:annotation-driven /><mvc:resource location="/static/" mapping="/static/**"/>標簽，表示DispatcherServlet不會攔截以/static開頭的所有請求路徑，並當做靜態資源處理。若web.xml中設置的<servlet>的<servlet-mapping>的<url-pattern>為具體的匹配規則，則springmvc中不用另加配置

<mvc:annotation-driven /><mvc:resource location=“” mapping=""/>

）