目前知道的两种部署Vue项目的方式
一、tomcat下部署
1、打包好vue项目
2、在tomcat下的ROOT文件夹下新建项目名称的文件夹，把打包好的index.html和static文件放入该文件夹中
3、启动tomcat，在浏览器上访问http://193.168.30.106:8080/ework/index.html/#/user/userCenter
4、能正常显示表示部署成功
二、linux下部署
1、打包好vue项目
2、在nginx的根目录下新建项目文件夹，把打包好的index.html和static文件放入该文件夹中
3、在nginx配置文件下改好配置，如果是带ework的url则是请求vue项目
详细介绍可以参考这里的博客
https://blog.csdn.net/kaola_l/article/details/80497490
(vue前端代码和后台服务代码分离部署)
相关推荐
在进行Vue项目部署到Nginx或Tomcat服务器的过程之前，需要了解一些基本概念。Vue.js是一种流行的前端JavaScript框架，用于构建用户界面和单页应用程序。Nginx是一个高性能的HTTP和反向代理服务器，而Tomcat则是一个...
给大家分享以下我是如何部署 SpringBoot + Vue 前后端分离的项目的，我用的 Linux 发行版是 CentOS7.5 有了一个基于 ElementUI 的电商后台管理系统，在开发一个相似的后台就会轻松很多。不过前面的系统的后端是使用 ...
当你的 Vue 项目完成开发并经过 `npm run build` 编译后，生成的静态资源需要部署到服务器上供用户访问。Nginx 是一款高性能的 HTTP 和反向代理服务器，常被用来部署 web 应用，包括 Vue 项目。SSL（Secure Sockets ...
总的来说，Vue项目部署时，路由模式的选择和服务器配置是关键点。Hash模式适合简单部署，而History模式则需要服务器端的支持，提供更好的用户体验。正确配置Nginx或其他服务器软件，以处理前端路由，可以确保项目...
### Vue项目部署详解 #### 一、Vue项目部署概述 Vue.js 是一款非常流行的前端框架，它通过简洁的API提供高效的数据绑定和组件化开发模式。对于开发者来说，如何将开发完成的Vue项目正确地部署到生产环境中是至关...
相信很多小伙伴在用Vue-cli安装的脚手架开发的时候，在开发环境中项目可以很正常的运行，但是进入到生产环境，编译打包后，放入服务器，项目就不正常了，会出现空白页或者路由跳转404等问题。遇到这些问题不要慌张，...
以下将详细讲解在Vue项目部署上线时可能遇到的问题及其解决方案。 首先，要进行服务器搭建。通常选择云服务提供商，如腾讯云，购买服务器并配置域名。未备案的域名也可以使用，但可能在某些国家或地区访问受限。...
首先，当Vue项目部署在Spring Boot应用中，如果Spring Boot配置了server.servlet.context-path（通常用于设置应用上下文路径），可能会导致静态资源文件（如CSS和JavaScript文件）加载路径不正确，从而引发页面空白...
1、修改config/index.js 2、修改路由route/index ...以上这篇解决vue项目nginx部署到非根目录下刷新空白的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
docker容器化+图形界面portainer+镜像私有仓库registry+docker-registry-ui+以及springboot+vue部署示例，安装文档自己部署了好几次，绝对可执行！！！
"Spring Boot 项目与 Vue 一起部署到 Tomcat 服务器" 在本文中，我们将介绍如何将 Spring Boot 项目和 Vue 一起部署到 Tomcat 服务器中。这个过程需要我们对 Tomcat 服务器进行配置，以便能够正确地部署并运行我们...
本文介绍VMware虚拟机下centos7操作系统中如何安装云原生 Kubernetes（k8s）集群、k8s可视化界面kuboard，以及如何利用docker容器化将springboot+vue项目在k8s集群中部署运行。
总的来说，Vue项目部署到Apache服务器时，主要涉及Vue Router的`history`模式与Apache服务器配置的协同。理解这一原理并正确配置Apache服务器，就能顺利解决404错误和页面空白的问题。同时，保持对Vue项目和服务器...
Vue项目部署到阿里云ECS涉及的关键步骤包括配置Nginx代理、使用PM2管理和启动Node服务以及确保正确处理跨域请求。以下是对这些知识点的详细说明： 1. **Nginx代理**： - Nginx是一个高性能的HTTP和反向代理服务器...
Vue项目部署过程中，开发者可能会遇到两类主要的问题：一是选择使用Vue-Router的hash模式还是history模式，二是如何根据不同的部署环境进行适当的配置调整。本文将深入探讨这两种模式的区别、使用场景，以及在不同...
本文将详细介绍Vue项目开发中遇到的跨域问题及其解决方法，以及如何将打包后的Vue项目部署到Nginx服务器，并设置跨域。 ### 跨域问题的概述 跨域问题是指由于浏览器的同源策略限制，前端项目中的JavaScript代码...