1.把前台打包的dist包复制到Nginx的html包中: 2.修改conf包下的Nginx.cong配置 3.打开Nginx.cong修改配置文件内容(每次修改后,都要重启Nginx才能生效): server { listen 80; #你需要将 server_name 设置为你的服务器的 IP 地址或域名 #此外,你还可以根据需要进行其他配置,例如添加反向代理、设置 SSL 等。 se...
首先build是打包时会读取的模块,该这里是打包时会自动加一个文件夹名为ywyun,因为我们打包后悔变成index.html和dist文件夹,这两个东西部署的时候肯定是要放在一个文件夹内,至于这个文件夹文字是什么,根据你们自己的项目名字或者路径来定义。 这个解决的是出现资源引用路径的问题。 3出现由于前面项目加了个基目录,ywy...
第一步:配置根目录 location / { root D:\code\base-platform-vue\dist;#项目打包后的目录地址 index index.html index.htm; try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404 }#对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到...
默认配置下,我们的项目只能在根目录下运行,如果真这样的话,那还是非常麻烦的,可能我们需要在一个域名下面跑多个项目。 通过下面的简单设置,可以将我们打包的文件放在任意地方跑起来。 同样是config/index.js这个配置文件,我们找到build节点,找到下面的代码: assetsPublicPath: '/', 1. 上面的代码是表示,我们打包出来...
由于项目的需求,把项目部署到nginx服务器上面。 首先要现在并配置nginx,这里我看的是菜鸟教程的过程 链接: 点这. 2. 但是你需要先配置linux系统,这里我采用的是虚拟机的方式–VM。也就说你要要先下载VM(vmware workstation),在下载配置linux,linux 系统我选的是centos7。这一步可以自行百度。
51CTO博客已为您找到关于vue项目打包后 如何部署到nginx的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及vue项目打包后 如何部署到nginx问答内容。更多vue项目打包后 如何部署到nginx相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。