搜索
简帛阁>技术文章>同一个域名下面配置多个项目----(vue项目)

同一个域名下面配置多个项目----(vue项目)

  • 需求:

同一个域名下面要配置多个项目时,如何去区分不同的项目

  • 解决方案:

需要给每个项目添加一个前缀。

  • 具体执行:(这里我用到的是vue-cli3)

(1)首先需要在vue.config.js中配置如下的两个属性:

publicPath: process.env.NODE_ENV === 'production' ? '/mobile/' : '/',
    
outputDir: 'dist/mobile',

(2)其次需要在router里面配置base属性:

const router = new VueRouter({<!-- -->
  mode: 'history',
  base: process.env.BASE_URL
  routes
})

(3)最后在ngnix配置,然后部署项目就可以了

  • 访问:

访问就通过域名加具体的前缀来访问,例如:xxx.com/mobile

需求:同一个域名下面配置项目时,如何去区分不同的项目解决方案:需要给每个项目添加一个前缀。具体执行:(这里我用到的是vuecli3)(1)首先需要在vueconfigjs中配置如下的两个属性:p
使用Nginx要在同一个域名配置项目有两种方式:nginx按不同的目录分发给不同的项目启用二级域名,不同的项目分配不同的二级域名1nginx按不同的目录分发给不同的项目:server{liste
、概述使用Nginx要在同一个域名配置项目有两种方式:anginx按不同的目录分发给不同的项目;b启用二级域名,不同的项目分配不同的二级域名。二、nginx按不同的目录分发给不同的项目ngin
使用Nginx要在同一个域名配置项目有两种方式:nginx按不同的目录分发给不同的项目启用二级域名,不同的项目分配不同的二级域名1nginx按不同的目录分发给不同的项目:server{liste
一、一个域名或IP指向一个项目,如dmfengdicomcn:1在本地创建两个项目,如Test1,Test2(两个文件中均有一个indexphp文件)2在apache/config/httpdcon
1编辑C:\Windows\System32\drivers\etc文件夹中的hosts文件,在末尾添加127001wwwlocalcom(你的自定义域名)注意:如果该文件夹没有hosts文件,看看查
之前nginx下只有一个vue项目,跑的好好的。后来公司要求配一个带项目名称(BaseFrame)的vue,原来的还保留供其他部门使用。先是在nginx的html下新建一个BaseFrame的文件夹
需求nginx下配置vue项目举例:blog:https://wwwyoursitecom/blogtest:https://wwwyoursitecom/testvue项目配置vueroute
背景目前有一个产品:会议室;主要功能是用户线上预定会议室(h5端)和后台管理会议室(pc端)前台和后台部署在同一个域名上,通过子目录访问不同项目前台:https://roomadminavicnetc
今天在做项目时,需要用已申请好的三个二级域名(公司不可能每个项目都申请一个顶级域名,所以这里解析的三个二级域名),分别配置到三个项目,网上搜了一堆,感觉看的不明不白,故在此记录下。总体步骤是:申请域名