nginx部署访问vue-cli搭建的项目
来源:互联网 发布:网络电视怎么重新搜台 编辑:程序博客网 时间:2024/06/05 08:33
从vue-router官网了解到如果是用history模式构建的vue项目打包后是需要后端配置支持的,而hash是不需要的,只不过地址会多了一个#/的后缀。使用hash模式构建的项目打包后,我只需要使用webstorm之类的软件打开访问就能成功了。
但是我用history模式构建的项目需要借助后台技术,我这里选用的是nginx反向代理来部署项目。具体做法如下:
1、创建后台服务器 对象
upstream mixVueServer{server baidu.com;#这里是自己服务器域名}2、创建访问端口和反向代理规则
server { listen 8082; server_name localhost; location / { root E:/mix_vue/dist;#定位到项目的目录 #index index.html index.htm; try_files $uri $uri/ /index.html;#根据官网这规则配置 }location ~ \.php${ proxy_passhttp://mixVueServer;#根据后端语言做反向代理处理跨域问题 proxy_set_headerHost$host; proxy_set_headerX-Real-IP$remote_addr;} error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } }
最后,直接地址栏输入端口访问:
阅读全文
1 0
- nginx部署访问vue-cli搭建的项目
- vue-cli搭建项目
- vue-cli 项目搭建
- vue-cli搭建项目
- vue-cli搭建vue项目
- Vue-cli搭建项目遇到的问题
- vue-cli的使用(快速搭建项目)
- webpack + vue-cli 搭建 vue 项目的流程
- vue-cli的搭建
- 使用 vue-cli 搭建项目
- 使用 vue-cli 搭建项目
- 使用 vue-cli 搭建项目
- vue-cli快速搭建vue项目
- 使用vue-cli脚手架搭建vue项目
- Vue-cli 脚手架搭建 Vue 项目
- vue-cli脚手架搭建webpack+vue项目
- 使用vue-cli搭建vue项目完整版
- vue结合vue-cli项目搭建
- 排序的之神奇的希维尔排序
- 170804 逆向-RouterScan(8)
- Oracle使用实例:创建只读用户
- 文字的向上滚动
- sql语句优化
- nginx部署访问vue-cli搭建的项目
- spring mvc+Mybatis+bootstrap简单应用
- 第二题:公司发奖金:按照利润区间来规定提成比例,从键盘输入当月利润I,求应发放奖金总数
- ubuntu server conf
- HTML特殊字符编码对照表
- SILVAngs:免费在线宏基因组扩增子分析系统
- node-sass 安装失败的解决措施
- 创建Scrapy项目报错 UnicodeDecodeError: 'ascii' codec can't decode byte 0xa3 in position 19
- Android----实现短信发送器功能