vue 部署到Tomcat

1、Tomcat部署多個端口

答：

<Service name="Catalina">
    <Connector connectionTimeout="20000" port="80" protocol="HTTP/1.1" redirectPort="8443"/>
    <Connector port="8009" protocol="AJP/1.3" redirectPort="8443"/>
    <Engine defaultHost="localhost" name="Catalina">
    <Realm className="org.apache.catalina.realm.UserDatabaseRealm" resourceName="UserDatabase"/>
    <Host appBase="webapp" autoDeploy="true" name="localhost" unpackWARs="true" xmlNamespaceAware="false" xmlValidation="false">
    </Host>
    </Engine>
  </Service>

<Service name="Catalina1">
    <Connector connectionTimeout="20000" port="80" protocol="HTTP/1.1" redirectPort="8443"/>
    <Connector port="8009" protocol="AJP/1.3" redirectPort="8443"/>
    <Engine defaultHost="localhost" name="Catalina1">
    <Realm className="org.apache.catalina.realm.UserDatabaseRealm" resourceName="UserDatabase"/>
    <Host appBase="legFront" autoDeploy="true" name="localhost" unpackWARs="true" xmlNamespaceAware="false" xmlValidation="false">
    </Host>
    </Engine>
  </Service>
  
  <Service name="Catalina2">
    <Connector connectionTimeout="20000" port="8082" protocol="HTTP/1.1" redirectPort="8443"/>
    <Connector port="8009" protocol="AJP/1.3" redirectPort="8443"/>
    <Engine defaultHost="localhost" name="Catalina2">
    <Realm className="org.apache.catalina.realm.UserDatabaseRealm" resourceName="UserDatabase"/>
    <Host appBase="legBack" autoDeploy="true" name="localhost" unpackWARs="true" xmlNamespaceAware="false" xmlValidation="false">
    </Host>
    </Engine>
  </Service>

1、四處地方修改，然后legBack與webapp是同級目錄，然后webapp的下級必須是多一個項目，不能直接就index那么去用
2、路徑在設置的時候：legBack目錄下必須有ROOT文件夾，然后項目文件放里面，如果不是ROOT文件夾，而是其他名字，比如：dist，那么運行的路徑就是localhost:8082/dist ,正是這種寫法會導致vue的圖片路徑出現問題，訪問不到圖片地址，特別是background
3、如果是在ROOT 目錄下就能直接訪問到index.html ，運行的路徑就是localhost:8082，那么vue圖片的地址也就正常了
4、vue的靜態資源全都要放在static目錄下面，使用絕對地址訪問，如果沒有，等死吧。。。深受其害-。-
5、或者使用相對路徑
6、background-image 的圖片鏈接一定要使用絕對路徑
7、而且在部署Tomcat的時候，只能在根目錄下訪問，不能再有其他目錄，有其他目錄了的路徑就是：localhost:8082/dist，這時候，vue的絕對路徑就訪問不到了

2、vue的打包部署

答：如果部署之后路徑還有問題，聽說就要去改一下build - utils.js下的

if (options.extract) {
    return ExtractTextPlugin.extract({
      use: loaders,
      fallback: 'vue-style-loader',
      publicPath: '../../'
    })
  } else {
    return ['vue-style-loader'].concat(loaders)
  }
}
增加：publicPath: '../../'  這一段代碼


3、Spring boot 項目的運行
答：idea 生成的jar ，在改目錄下按住shift + 鼠標右鍵 + 在本地打開命令行參數 + 然后運行：java -jar XXX.jar，就跟在idea中運行一樣，如果說要部署到Tomcat，沒必要了，我也部署不出來