nginx vue,前端vue框架

nginx vue,前端vue框架

在nginx上部署vue项目vueprojectpackaging1.npmrunbuild如果错误是npmrunbuild：prod2。将生成dist文件夹文件并上传到服务器。工具Iuse是Fz，打开并输入主机、用户名、密码https://digitalocean/community/tools/nginx?global.app.lang=zhCNvueprojectpackaginganddeployment-non-rootpathrefresh404probleminroutinghistorymodeAddtry_文件命令参数，

检查nginx的版本号：nginx-vStartnginx：startnginx修改配置文件nginx.conf并重新加载命令：nginx-sreload3.Packthevueproject//打包vue项目的说明npmrunbuild4.打包生成的dist2.vue项目部署过程的超详细步骤：请检查以下链接：http://bugshouji/bbs-read-run?tid=15233.Deploymentcom主要问题1.使用history模式，页面显示空白解决方案

如上所述，整个vue项目可以在nginx中轻松部署成功。 之前没有想到过。Vueisport8080和nginxisport80。事实上，我忘记了nginx有反向代理功能）。 例如：访问路径为localhost:80/ulanegw/test，则转发后nginx访问的路径为http://127.0.0.1:8080/test。根据最后是否有/来判断是否添加所请求的路径地址。 还是更好

这时，修改/usr/local/nginx/conf/下的nginx.conf，这是Nginx的配置文件。 cd/usr/local/nginx/conf/vimnginx.conf修改配置文件主要有两件事：更改Nginx服务器的默认路径。我们修改nginx.conf并输入以下命令：sudovimnginx.conf，然后如果这是您的第一次配置，则可以直接复制下面的代码。记住修改root中的dist路径。 如果你之前配置过其他项目，只需更改我的http

nginx部署将第一步得到的文件复制到nginx安装目录下的html目录下，同时调整nginx配置文件，转发vue项目目录，转发vue后端api地址，因为axiosis配置的是相对路径。 使用的是vue-element-admin框架。 具体包装您可以查看该框架的相关文档。 2.将dist文件夹复制到Vue默认目录，安装Nginx，找到安装根目录。 将dist目录中的文件复制到html。 这无声无息