在服务器上安装Nginx或其他Web服务器。 配置Web服务器，使其能够访问Vue项目的dist文件夹。
这个故障代码是文件没有访问权限。开发环境中的public到nginx上当然就成生产环境，提示403是因为服务器识别到存在的文件但是没有访问权限。但这个时候去深究开发生产的publicPath路径问题或是服务端文件的读取权限就找错方向。
是因为程序自身的Bug导致页面加载异常。利用路由的懒加载实现组件的按需加载，这样配置后只有当路由被访问时才会加载对应的组件，而不是在加载首页的时候就直接加载即可恢复。
系统bug。vue项目大多数是系统bug导致的。解决方案如下：1首先修改根目录index.html在head里面添加下面代码12这种会让所有的css/js资源重新加载。2最后配置nginx不缓存htmlvue默认配置，打包后css和js的名字添加哈希值。
Nginx配置错误。请检查Nginx配置文件中的proxy_pass配置项是否正确，确保代理到正确的服务器地址和端口。这个配置项的作用是将所有请求转发到index.html页面，以便Vue路由在前端进行处理。
如果之前vue项目部署上服务器之后正常运行，而在之后更换域名再部署，就出现接口404的状态的话，有两种情况。是vue中的配置有问题，这个需要去重新设置vue的接口地址配置的问题。
Vue项目部署到服务器的方法有很多种，这里提供一种简单的方法： 首先，确保您的服务器已经安装了Node.js和npm。 然后，使用Vue CLI创建一个新的Vue项目。 打包Vue项目，生成dist文件夹。
小鸟云服务器niaoyun实例创建好之后，您可以使用以下任意一种方式登录服务器：远程桌面连接(MicrosoftTerminalServicesClient，MSTSC)：采用这种方式登录，请确保实例能访问公网。
这个问题可以用代理对你的项目进行长期的维护。我现在在用的就是pm2，你可以先安装他，然后去pm2 start XXX(项目名)之后你关掉了ssh也是可以跑起来的。
web服务器： apache 跨域 在服务器配置站点：在路径/home/www/下创建test项目文件夹，用来放项目文件。
当我们将 vue 项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是 vue-cli（simple） 脚手架，所以就讲一下如何将项目进行打包，并放到 tomcat 上。
本文是 Vue实战 系列的第六篇文章，主要介绍Falcon项目中通用 Table 组件的开发和使用 。
父组件注入，子组件接收。这种方法是 Vue 组件的基础，相信大部分同学耳闻能详，所以此处就不举例展开介绍。
对数据进行时间排序：使用JavaScript的Array.sort()方法，对data对象中的数据进行时间排序。根据需求，可以选择升序或降序排列。使用表格组件展示数据：在Vue3中，可以使用第三方表格组件（例如ElementUI）来展示数据。
先安装一个nodejs。看你服务器操作系统了。
项目目录结构这是打包后的，所以有 dist 文件夹，打包方式：npm run build。webpack.config.js这里只是一小部分，因为这边最关键的就是 publicPath，下面会提，这边可以解决静态资源 404 无法引入的问题。
简单的小网站可以直接使用Node.js作为web服务器，不做前后端分离，使用后端模板填充数据，代表框架express。如果要做负载均衡或者响应多端请求，那么采用前后端分离。
可以使用参数来设置，得到符合不同需要的编译结果。之后即可以将打包的文件部署到服务器上。
请访问 MongoDB 官网（https：//）下载并安装适合您项目的版本。 学习其他技术：除了上述技术之外，还有许多其他技术可以帮助您更好地使用 Node.js 进行后端开发，例如 Koa、Socket.IO、NestJS 等等。
项目目录结构这是打包后的，所以有 dist 文件夹，打包方式：npm run build。webpack.config.js这里只是一小部分，因为这边最关键的就是 publicPath，下面会提，这边可以解决静态资源 404 无法引入的问题。
对就是/前面加个点儿。然后重新打包。就可以直接打开了。=== 为什么这样做呢，因为vue的打包默认形成的是一个部署在服务器环境上的文件，如果是部署在静态站点上（express或者阿帕奇），就需要做路径转变。
这次给大家带来如何部署vue.js项目nginx，部署vue.js项目nginx的注意事项有哪些，下面就是实战案例，一起来看一下。nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。
使用另一个JS项目的模块：在Vue项目中，你可以直接使用另一个JS项目中导出的模块或组件。根据另一个JS项目的导出方式（如CommonJS或ES6模块），使用相应的语法进行引用和使用。
出现路由刷新404的问题下面笔者根据自己Vue项目从编译打包到正常部署服务器的经验，来告诉大家如何解决这些问题。