vue前后端分离项目前端怎么发布

 时间:2026-02-14 13:44:50

1、找到package.json文件,点击运行,"buidl": "vue-cli-service build"左边出现,就可以将项目进行编译打包

vue前后端分离项目前端怎么发布

2、编译后会在项目根目录下面生成dist目录,里面存放项目编译的文件,如下图所示。

vue前后端分离项目前端怎么发布

3、找到我们安装的nginx目录,删掉html目录下的内容,将dist里面的内容拷贝到html目录下即可

vue前后端分离项目前端怎么发布

4、如果我们需要配置一些信息,比如nginx的启动端口还有路由跳转等信息,我们可以在nginx下面的nginx.conf目录下面进行配置

vue前后端分离项目前端怎么发布

5、如图,我们修改了nginx的启动端口,修改了路由跳转信息,如果有/xx/的请求我们跳转到 http://localhost:8055

vue前后端分离项目前端怎么发布

6、在nginx的目录下面,找到nginx.exe文件即可,就能启动nginx服务器了。如果要停止运行,执行nginx.exe -s stop命令即可。

vue前后端分离项目前端怎么发布

  • 王者五五开黑节称号五五闪光星怎么获得
  • 怎样才能学会管理自己
  • 武林外传手游侠影杨慧兰怎么获得
  • 给宝宝断奶、涨奶好痛像石头一样硬怎么办
  • 梦幻诛仙手游观战怎么看
  • 热门搜索
    陌生的反义词是什么 七月七是什么节日 10月27日是什么星座 第一志愿和第二志愿有什么区别 language是什么意思 女生过生日送什么礼物好 领结婚证需要带什么 ipod是什么 在夜深人静的时候想起他是什么歌 预付账款是什么意思