zoukankan      html  css  js  c++  java
  • 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,没必要了,我也部署不出来

  • 相关阅读:
    LeetCode120 Triangle
    LeetCode119 Pascal's Triangle II
    LeetCode118 Pascal's Triangle
    LeetCode115 Distinct Subsequences
    LeetCode114 Flatten Binary Tree to Linked List
    LeetCode113 Path Sum II
    LeetCode112 Path Sum
    LeetCode111 Minimum Depth of Binary Tree
    Windows下搭建PHP开发环境-WEB服务器
    如何发布可用于azure的镜像文件
  • 原文地址:https://www.cnblogs.com/itchenfirst/p/10075001.html
Copyright © 2011-2022 走看看