PROSAGA码农传奇-组态/图模一体化-开发和生产中的Vue子域

<div class =“post-text”itemprop =“text”>
  
    我有一个类似的项目架构。我有一个包含多个vue / nuxt项目的repo。我的每个项目都是自己的npm / webpack项目，在本地开发时可以通过子域访问。
  
  
    根据您的示例，这是我设置项目的方式。
  
  
    修改您的主机文件：
  
  
     <code>
 127.0.0.1 website.localhost brands.website.localhost admin.website.localhost
 </code>
  
  
    运用
     <code>
 localhost
 </code>
     因为TLD是我个人的决定，所以无论如何都可以随意命名域名。
  
  
    配置webpack dev服务器以在相应的子域+端口上为每个项目提供服务。
  
  <UL>
    <LI>
      SRC /品牌：
      <a href="https://brands.website.localhost:8080" rel="nofollow noreferrer">
        HTTPS：//brands.website.localhost：8080
      </A>
    </LI>
    <LI>
      SRC /管理员：
      <a href="https://admin.website.localhost:8081" rel="nofollow noreferrer">
        HTTPS：//admin.website.localhost：8081
      </A>
    </LI>
    <LI>
      SRC /家：
      <a href="https://website.localhost:8082" rel="nofollow noreferrer">
        HTTPS：//website.localhost：8082
      </A>
    </LI>
  </UL>
  
    这种配置的好处是您的开发网址与您的生产网址相匹配。
    <a href="https://brands.website.localhost:8080" rel="nofollow noreferrer">
      HTTPS：//brands.website.localhost：8080
    </A>
      - ＆GT;
    <a href="https://brands.website.com" rel="nofollow noreferrer">
      https://brands.website.com
    </A>
  
  
    每个项目都可以完全控制域的子路径，并且不会破坏其他项目的路径，您可以使用
     <code>
 /brands
 </code>
     路线。
  
</DIV>