antdPro Nginx 打包部署

2019独角兽企业重金招聘Python工程师标准>>>

打包命令很简单，直接看config.js文件里的配置： npm run build

然后就是安装Nginx环境，安装的教程网上可多了，所以安装环境什么的都很顺利

安装完之后需要配置代理服务器获取后台的接口数据：找到安装的Nginx 的nginx.conf文件，在server 中添加代理服务器

被很丑的马赛克遮住的就是服务器的路径，和前端代码中的路径是一致的

配置这个以后还需要在设置

第二句话是指定入口文件，如果没有index.html就找index.htm

第三句就是重点了，如果没有这句话部署之后的页面在刷新或者是输入路径进入时都会出现404的错误，我就是受了这个苦啊

道理是什么呢我也不太清楚，对于部署什么的不太了解，出现了这个问题才去看了下。

转载于:https://my.oschina.net/Cathygy/blog/2395995

antdPro Nginx 打包部署相关推荐

vue项目打包部署linux_Vue项目打包部署到Nginx服务器
"随着前后端分离项目的流行,vue项目开发部署也成为了前端人员必备技能:本文将带你学习vue项目部署及遇到的各种坑." 关于vue项目部署不得不提的是配置文件vue.config. ...
vue 不生效打包样式_Vue打包部署到Nginx时,css样式不生效的解决方式
今天在将使用Vue-cli编写的前端项目部署到Nginx的时候发生了一件很困扰的问题: Vue-cli项目在本地使用 npm run dev的时候,页面样式是可以正常加载出来的,但是我将Vue-cl ...
手把手教你配置：Jenkins+Github+Webhook +Nginx自动化打包部署Vue项目
前面的话为了前端项目的工程化,减少项目发布环境的部署,实现自动化打包部署. 传统的做法,在服务器初始一个 git 仓库,然后每次代码更新后,手动去拉取,次数多了也就烦了,而自动化打包部署每次只需在项 ...
vue项目打包部署nginx跨域
vue项目打包部署nginx跨域 vue项目连接外部api接口时,打包部署到nginx后出现api404,api跨域问题,这个时候需要给vue项目本身进行跨域,再配置nginx中进行跨域即可解决,详见 ...
Vue项目打包部署到Nginx服务器步骤总结
前期准备工作: 1. 准备一台服务器: 2. 根据服务器的系统环境安装配置Nginx; 3. 了解Nginx的配置文件,了解常用的linux系统操作命令 4. 进行Vue项目的打包部署因为我只是单纯 ...
vue 打包部署在 nginx服务中，以及出现的一些问题
首先来说操作步骤前提: 1.你已经安装/下载好 nginx 2.你的vue 项目已经打包完成,并得到了 dist 文件夹部署开始: 1.vue 项目打包,在控制台输入 npm run build ...
nginx怎么部署php项目,nginx怎么正确部署前端项目
目的: nginx部署打包成为dist的前端项目 (学习视频分享:php视频教程) 相关知识:docker 安装与使用 docker pull nginx docker run --restart=o ...
在nginx上部署vue项目(history模式)；
在nginx上部署vue项目(history模式): vue-router 默认是hash模式,使用url的hash来模拟一个完整的url,当url改变的时候,页面不会重新加载.但是如果我们不想has ...
python 自动化框架打包_听说很多人都不会打包，教你Python实现前端自动化打包部署！...
作为一名专职前端开发的我,为了帮助解决目前工作中的一些繁琐的工作(主要是处理 excel数据),解放程序员双手,前阵子就刚刚入了 python 的坑,毕竟也算是门工具语言,都已经加入少儿编程了,哈哈哈 ...

antdPro Nginx 打包部署

antdPro Nginx 打包部署相关推荐

最新文章

热门文章