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，没必要了，我也部署不出来