手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 18:45:09

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前后端分离项目前端怎么发布
© 手抄报圈