首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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

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

    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.3K31

    Nginx设置404错误页面跳转

    Nginx设置404错误页面跳转 2018年11月03日 19:33:53 MASTERYEE 阅读数 3989 文章目录 一、Nginx在Linux上设置404错误页面 1.1 第一种配置情况(跳转网络地址...上设置404错误页面 Linux版本:Centos 7.4 Nginx版本:nginx-1.14.0.tar.gz nginx安装目录参考: /usr/local/nginx则是我的安装目录 说明...:我Linux服务器上已经在tomcat上部署了一个项目,使用Nginx进行的代理, 访问项目不存在的页面时,出现的是Nginx默认的404页面,现在我配置我自己写的404页面进行提示 注意:网上大多数博客写的都只有一种情况...,我在此处优先进行说明, 如果你本地有部署项目,优先使用proxy_intercept_errors on;这个配置进行尝试, 如果没有部署项目,则使用fastcgi_intercept_errors.../404.html; # 错误页面的种类也可以是多个 # 这里的错误码可以是多个 error_page 500 502 503 504 /50x.html;

    8.8K10
    领券