vue本地开发配置及项目部署
一,
二,本地模拟配置代理,请求qq音乐的接口数据
三,axios请求头封装 参考http://www.axios-js.com/zh-cn/docs/#%E4%BB%80%E4%B9%88%E6%98%AF-axios%EF%BC%9F
之前项目中本地post请求报错,get方式没问题
请求头的类型 Content-Type
1. application/json 数据以json格式请求 => {"key": value}
2.application/x-www-form-urlencoded form表单的数据格式 => name=value&name=value
3. mutipart/form-data 上传文件的额格式
4.text/xml 格式
封装axios(这里需要注意的是baseURL,因为一个大型项目中可能有很多个后台地址,在vue.config.js配置代理的时候,
每个代理都有一个自定义的代理路径,并重写了端口,因此每次请求的路径前面都要加上自定义的代理路径如:/api,所以说在这个地方最好写成 / ,
然后每次请求都是之前那样前面加自定义的代理路径如:/api)
1 const requst = axios.create({
2 baseURL: '/', //是根据vue.config.js中代理自己配置的那个路径来的
3 // baseURL: '/music',
4 timeout: 5000,
5 headers: {
6 'Content-Type': 'application/json'
7 }
8 });
9
10 export default requst
然后main.js导入
使用封装好的axios封装接口请求(api封装)
配置axios拦截器(获取token,请求头携带token)
四,nginx:http://nginx.org/en/download.html
前端独立部署 -nginx
nginx 负载均衡,静态服务器,正反向代理
下载-解压(路径一定不要有中文,启动失败还有可能是80的端口被占用,差点给我搞死,任务管理器查看进程)
用法:
1.在nginx文件夹下,cmd进入命令环境
2. start nginx 启动时的命令
nginx -s stop 停止 不保存信息
nginx -s quit 停止 保存信息
nginx -s reload 重启
nginx -v 查看版本
查看启动是否成功 浏览器直接输 localhost 默认端口是80,启动成功会看到这个页面
将前端项目包丢进html文件夹下,然后 nginx.conf 下配置nginx的正向代理(代理的后端地址)
五,阿里云服务器的购买和使用 https://www.aliyun.com/?utm_content=se_1000301881
进入解压好的文件夹里面 cd nginx-1.17.9
./configure
还有上面的一部解决https的问题
然后 make -j4 && make install //在local文件夹下会出现 nginx文件夹
cd nginx cd sbin
https://blog.csdn.net/qq_27252133/article/details/53646986
vue本地开发配置及项目部署的更多相关文章
- Taurus.MVC 微服务框架 入门开发教程:项目部署:6、微服务应用程序Docker部署实现多开。
系列目录: 本系列分为项目集成.项目部署.架构演进三个方向,后续会根据情况调整文章目录. 开源地址:https://github.com/cyq1162/Taurus.MVC 本系列第一篇:Tauru ...
- Apache Tomcat下载、安装、环境变量配置以及项目部署
前言 针对在本地访问文件或资源出现的跨域问题,可以通过搭建本地服务器来解决,本篇随笔主要介绍通过搭建Apache Tomcat服务器来解决跨域.包括Apache Tomcat的下载.安装.环境变量的配 ...
- Taurus.MVC 微服务框架 入门开发教程:项目部署:1、微服务应用程序常规部署实现多开,节点扩容。
系列目录: 本系列分为项目集成.项目部署.架构演进三个方向,后续会根据情况调整文章目录. 本系列第一篇:Taurus.MVC V3.0.3 微服务开源框架发布:让.NET 架构在大并发的演进过程更简单 ...
- Taurus.MVC 微服务框架 入门开发教程:项目部署:2、让Kestrel支持绑定多个域名转发,替代Ngnix使用。
系列目录: 本系列分为项目集成.项目部署.架构演进三个方向,后续会根据情况调整文章目录. 本系列第一篇:Taurus.MVC V3.0.3 微服务开源框架发布:让.NET 架构在大并发的演进过程更简单 ...
- Taurus.MVC 微服务框架 入门开发教程:项目部署:3、微服务应用程序版本升级:全站升级和局部模块升级。
系列目录: 本系列分为项目集成.项目部署.架构演进三个方向,后续会根据情况调整文章目录. 本系列第一篇:Taurus.MVC V3.0.3 微服务开源框架发布:让.NET 架构在大并发的演进过程更简单 ...
- Taurus.MVC 微服务框架 入门开发教程:项目部署:4、微服务应用程序发布到Docker部署(上)。
系列目录: 本系列分为项目集成.项目部署.架构演进三个方向,后续会根据情况调整文章目录. 开源地址:https://github.com/cyq1162/Taurus.MVC 本系列第一篇:Tauru ...
- Taurus.MVC 微服务框架 入门开发教程:项目部署:5、微服务应用程序发布到Docker部署(下)。
系列目录: 本系列分为项目集成.项目部署.架构演进三个方向,后续会根据情况调整文章目录. 开源地址:https://github.com/cyq1162/Taurus.MVC 本系列第一篇:Tauru ...
- Taurus.MVC 微服务框架 入门开发教程:项目部署:7、微服务节点的监控与告警。
系统目录: 本系列分为项目集成.项目部署.架构演进三个方向,后续会根据情况调整文章目录. 开源地址:https://github.com/cyq1162/Taurus.MVC 本系列第一篇:Tauru ...
- atitit.研发管理--标准化流程总结---java开发环境与项目部署环境的搭建工具包总结
atitit.研发管理--标准化流程总结---java开发环境与项目部署环境的搭建工具包总结 1. ide系列(只开发环境需要,但部署环境也做好放上,很有用) 1 2. web服务器+sdk+网站程序 ...
- Orleans[NET Core 3.1] 学习笔记(三)( 1 )本地开发配置
本地开发配置 本地开发和调试的时候,我们可能不需要去关注集群和网络ip端口.所以对于本地开发模式,Orleans给了我们比较简单的配置方式. Silo配置 在本地开发的配置模式下,Orleans会默认 ...
随机推荐
- Pytorch slp singleLayerPerceptron 单层感知机
单层感知机 \[\begin{aligned} & y = XW + b \\ & y = \sum x_i*w_i+b\\ \end{aligned} \] Derivative \ ...
- 【技术指北】通过SMB协议在iOS和Windows之间传输文件
windows操作 新建文件夹 设置文件夹的属性,选择共享 设置高级共享,权限选择完全控制 选择共享,选择Everyone cmd - ipcofig,获取ipv4地址 iOS操作 打开文件管理器 选 ...
- 02 docker的基本用法
本章内容 1.OCI 2.docker核心组件--Cgroup与runC 3.docker的架构 4.docker的基本操作 5.安装docker环境 6.创建第一个容器 6.docker容器的状态变 ...
- Mac 系统下 xxx.py 在终端运行
1.在文件中添加注释首先在你所要运行的python文件里首行添加一个特殊的注释(我使用的是python 3.7.3) #!/usr/bin/env python3 注意:如果是python3的话,&q ...
- python3判断ip类型
利用socket库附带的校验功能实现校验.
- 120、商城业务---订单服务---rabbitTemplate循环依赖问题
https://blog.csdn.net/qq_41731316/article/details/119803796
- 两步解决macbook电池不充电
问题描述: 1.电源适配器是冷的,判断并没有充电,更换拔插笔记本的不同TypeC插口问题依然.(怀疑适配器坏了,但心想Apple质量一个适配器不至于那么不抗用) 2.偶尔能开起来机,则显示电源3%,瞬 ...
- SXSSFWorkbook 表格内换行
起因 导出的excel需要在表格内换行,但搜索到的方法都实现不了我的需求,经同事搜查得知,这是POI的一个bug,已经在17年八月后被解决. 生成方式 pom依赖 <dependency> ...
- Spring全家桶
常用框架的知识点汇总,如图: 一.5个常用的spring框架 ▌1.spring framework 也就是我们经常说的spring框架,包括了ioc依赖注入,Context上下文.bean管理.sp ...
- Linux系统mysql免安装版配置指南
1.下载(/usr/local目录) wget https://dev.mysql.com/get/Downloads/MySQL-5.7/mysql-5.7.32-linux-glibc2.12-x ...