vim nginxconf 2，如果是单项目部署的话，只需要在nginxconf文件里面加上以下 server listen 80 # 域名，本地测试可以使用或localhost server_name # php项目根目录 root homedata；vue项目部署必须用nginxvue项目部署使用的是webpack提供的proxyTable做的代理从而解决了开发环境的跨域请求问题，需要使用Nginx做反向代理，因此vue项目部署必须用nginxvue是一个构建数据驱动的web界面的渐进式框架；Nginx配置错误请检查Nginx配置文件中的proxy_pass配置项是否正确，确保代理到正确的服务器地址和端口这个配置项的作用是将所有请求转发到indexhtml页面，以便Vue路由在前端进行处理。

这个故障代码是文件没有访问权限开发环境中的public到nginx上当然就成生产环境，提示403是因为服务器识别到存在的文件但是没有访问权限但这个时候去深究开发生产的publicPath路径问题或是服务端文件的读取权限就找错方向；首先需要先在打包之前在 Vue 的配置文件里去修改公共路径的配置 同时在项目的 router 目录下 indexjs 为 Vue 项目指定路由基本路径为 8打包前端项目，打包成 dist 目录 将打包好的前端项目放到 Nginx 的 html 目录下；但是这种方式的一个缺点，就是vue项目前端需要改配置修改地方如下react 配置请参考 details51？depth_1utm_source=taskblogBlogCommend；vue在服务端部署时，我们都知道通过npm run build 指令打包好的dist文件，通过；可以参考本项目的nginx配置但如此配置后，你的服务器就不再返回 404 错误页面，因为对于所有路径都会返回 indexhtml 文件为了避免这种情况，你应该在 Vue 应用里面覆盖所有的路由情况，然后在给出一个 404 页面 参。

Springboot项目部署docker构建mysql环境+docker构建项目自身环境Vue项目使用docker启动nginx服务器方式代理部署项目使用mysql80作为数据源，所以部署时需要使用docker构建mysql环境及项目自身环境连接出现1251错误时首先将；4重启服务器测试一下在test1目录下新建indexphp文件，写入 在test2目录下新建indexphp文件，写入 结果这样我们就能通过两个域名，分别访问这两个不同的项目了如果有更多的项目，只要复制vhostsconf里的配置就行了；2 然后，使用Vue CLI创建一个新的Vue项目3 打包Vue项目，生成dist文件夹4 将dist文件夹上传到服务器上5 在服务器上安装Nginx或其他Web服务器6 配置Web服务器，使其能够访问Vue项目的dist文件夹。

npm run build 之后将 dist 放到Nginx目录就行？再多几个需求就不简单了一步一步来 假如 我们项目有两个入口 pc 与 mobile， 我们需要修改 这几个地方按照vuecli的 官方文档 配置多入口并不难页面入口名字 即；本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vuecli构建开发环境搭建完成二编译部署1项目路径下demo输入命令npm run build编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是；vue项目的public中可以放php文件，但是要部署在支持php的服务器，Apache，nginx中，但建议分开部署，加油吧骚年。

常规配置 代理配置 nginx如果检测到的请求，将 转发 请求到本机的8080端口，如果检测到的是请求，也会将请求 转发 到8081端口同样的，如果前面用pm2开启了node项目，而且运行在3000端口，并且已经。