首页
学习
活动
专区
圈层
工具
发布

部署Vue项目到服务器后404错误

一、Vue项目部署步骤 在前后端分离的开发模式下,前端项目独立部署通常涉及以下步骤: 构建项目:Vue项目构建后生成一系列静态文件。...nginx -t nginx -s reload 访问域名:在浏览器输入域名以访问部署的应用。 以上是最直接的一种部署方式。...更高级的部署方式,如自动化、镜像、容器和流水线部署,本质上是将此逻辑抽象和程序化,本文不展开讨论。...二、404错误原因及解决方案 错误场景 问题描述:Vue项目在本地运行正常,但部署到服务器后刷新页面出现404错误。 错误定位:HTTP 404错误表示请求的资源不存在。...www.xxx.com; location / { index /data/dist/index.html; try_files $uri $uri/ /index.html; } } 修改后重启

81110
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    解决django部署后静态文件404问题

    127.0.0.1:8000都知道,如果debug=False的时候那么django就不会自己去寻找静态文件了, 那么这个时候就需要自己去设置静态文件的路径,为此,我踩过不少坑,这篇文章能够很好的解决这个问题 我部署的环境是...centos7.6 + django + uwsgi + nginx 详情请参考此博客下部署文章 在nginx中设置好静态文件路径,用绝对路径指向静态文件static即可,media同理 location.../static{ alias /data/wwwroot/project/static; } 正文开始 如果你的项目部署后所有的静态文件都出现了404,那么你应该检查一下,你的setting中是否有设置...然后在执行静态文件收集 python manage.py collectstatic  # 收集全部静态文件到STATIC_URL定义的路径内 然后重启你的uwsgi和nginx看看效果吧 这样就可以解决关了debug后静态文件丢失的问题

    7K30

    面试官:vue项目如何部署?有遇到布署服务器后刷新404问题吗?

    一、如何部署 前后端分离开发模式下,前后端是独立布署的,前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可 我们知道vue项目在构建后,是生成一系列的静态文件 常规布署我们只需要将这个目录上传至目标服务器即可...index /data/dist/index.html; } } 配置完成记得重启nginx // 检查配置是否正确 nginx -t // 平滑重启 nginx -s reload 操作完后就可以在浏览器输入域名进行访问了...当然上面只是提到最简单也是最直接的一种布署方式 什么自动化,镜像,容器,流水线布署,本质也是将这套逻辑抽象,隔离,用程序来代替重复性的劳动,本文不展开 二、404问题 这是一个经典的问题,相信很多同学都有遇到过...我们先还原一下场景: vue项目在本地时运行正常,但部署到服务器中,刷新页面,出现了404错误 先定位一下,HTTP 404 错误意味着链接指向的资源不存在 问题在于为什么不存在?...,然后我们在跳转路由进入到 www.xxx.com/login 关键在这里,当我们在 website.com/login 页执行刷新操作,nginx location 是没有相关配置的,所以就会出现 404

    8.7K31

    Linux部署之Docker方式部署项目

    使用Docker对前端vue项目进行部署 1.1 环境准备 服务器或者虚拟机上先安装好Nginx和相关配置 docker pull nginx 拉去最新版本的nginx 运行nginx, docker...打包vue项目通过指定 npm run build打包项目生成dist文件夹 在项目的根目录创建文件Dockerfile没有文件后缀,文件配置内容如下 # 设置基础镜像,这里使用的是最新版的nginx...文件夹复制到 /usr/share/nginx/html/ 这个目录下面 COPY dist/ /usr/share/nginx/html/ 上传文件,在服务器上指定的位置创建文件夹(方便自己部署...的方式即可查看 ,改镜像是否构建成功 启动镜像 docker run --name=dockervue -d -p 8001:8080 myvueproject 通过ip:8001的方式进行访问,即可看到项目部署成功...启动项目docke run --name=tomcatA01 -d -p 8002:8080 javaproject

    2.6K31

    【Linux】项目部署(完)

    2.1 手动部署项目 1)....后台运行项目 当前这个demo工程我们已经部署成功了,并且我们也可以访问项目了。...线上程序不会将日志输出到控制台,而是输出到日志文件,方便运维查阅信息 后台运行程序: 要想让我们部署的项目进行后台运行,这个时候我们需要使用到linux中的一个命令 nohup ,接下来,就来介绍一下nohup...停止SpringBoot项目 2.2 基于Shell脚本自动部署 2.2.1 介绍 前面介绍的项目部署是手动部署,也就是部署过程中的每一步操作都需要我们手动操作。...接下来,我们需要再讲解一下项目的自动部署,从而来简化项目部署的操作,那么我们先来整体上了解一下项目自动部署的流程及操作步骤。 操作步骤如下: 1).

    1.6K30
    领券