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前后端分离项目前端怎么发布

  • 王者五五开黑节称号五五闪光星怎么获得
  • 怎样才能学会管理自己
  • 武林外传手游侠影杨慧兰怎么获得
  • 给宝宝断奶、涨奶好痛像石头一样硬怎么办
  • 梦幻诛仙手游观战怎么看
  • 热门搜索
    旅游业的特点 邢台旅游景点大全 江西婺源旅游 四川旅游学院官网 重庆旅游地图 天堂寨旅游 山西 旅游 全国旅游一卡通 珠海旅游景点大全 四川的旅游景点