当前位置: 首页 > news >正文

关于数据提交上传服务端的数据类型以及项目打包上线的流程

1 请求头的类型: content-type;

01:  application/json   数据以json格式请求:{"key":"value"}

02:  application/x-www.form-urlencoded   from表单的数据格式 name="zs"&age=12

03  mutipart/form-data    上传文件的格式

04 text/xml   xml格式

2 axios中使用: 

01 如果对axios不做任何的请求拦截配置的话 使用方法如下:

const axios from ‘axios’

axios.default.baseURL = 'xxxx' // 配置请求都会携带的地址

axios.default.headers.post['Content-Type'] = 'applocation/x-www-form-urle....' // 配置post请求的数据格式;

axios.default.headers['Content-Type']  = 'application/json'  // 无论是post还是get默认都配置json格式

axios.default.headers.common['Authorization'] = 'Token'  // 配置token

02  封装进行配置:

const axios = axios.create( { headers:{'Content-Type':'application/json'} } )

3 关于使用nginx进行项目的部署:本地loaclhost可以进行访问项目

01 第一种部署方式: 执行命令 npm run build。 将生成的dist目录给到后端

02 nginx进行部署:

第一步 百度nginx 进入官方网站 进行下载 网址:http://nginx.org/en/download.html 

选择Mainline version;nginx/window-1.25.4进行下载, 下载解压后就可以直接使用了

第二步 用法操作:命令环境 

start nginx 启动; nginx -s stop 不保存信息停止; nginx -s quit保存信息停止;

nginx -s reload 重启;nginx -v 查看版本;

启动后查看是否成功,网址输入 localhost就可以了默认端口80;会有一个欢迎界面。

第三步 build完以后 将dist扔到http里面;正常情况下不会正常使用的;

第四步 配置nginx; 需要配置一个正向的代理;代理后端请求的接口:配置完就可以进行访问了。

server { listen  80;server_name localhost;location / { root  html/dist;   // 因为我们是直接把dist目录放进来了 所以要让她访问dist目录下的index.htmlindex index.html index.html;    }# 正向代理location /api { proxy_pass http://139.196.234.125:8080/;}}

4  关于使用阿里云服务器 进行代理访问项目

第一步 购买服务器:1注册 2 实名认证 3 搜索云服务ecs购买服务器 4 操作系统选择CentOS这是基于nginx的操作系统;5购买完成后会给一个实例以及登录名和密码进入控制台 ;6点击实例的链接;7点击远程链接 用户名root;如果忘记密码到实例列表点击重置密码。进入到了一个命令环境;

第二步 命令环境进行部署:
1 安装yum; 操作命令: yum -y install pcre*       yum -y install openssl*2
2 下载wget;类似于迅雷下载文件;yum install wget
3 下载nginx,下载到对应的目录中,菜单栏有文件,点击 user/ local,鼠标右键点击打开终端然后就这行命令进行复制就可以了  wget http://nginx.org/download/nginx-1.17.9.tar.gz
4 解压 ;还是在local的终端中执行 tar  -zxvf  nginx-1.17.9.tar.gz;然后右击loacl点击刷新
5 编译安装;进入文件夹 cd nginx-1.17.9/   再执行 ./configure ;         make -j4 && make install 会产生一个nginx文件 所有的操作都在这里面
6 右击选择nginx/sbin文件选择进入终端, 然后输入 ./nginx 如果没有任何反应说明启动了nginx了;
这是将购买的服务器的公网ip输入到浏览器中,这时候会一直进行刷新超时。因为阿里云没有配http的实例;
7 设置安全组;进入阿里云的官网,控制台选择自己购买的服务器的实例,点击右侧的更多选择网络和安全组,安全组配置,点击右侧配置规则,点击右上角快速创建规则选择http和https ,端口号 tcp 1-655535,授权对象0.0.0.0.0。 配置完就可以浏览器访问了
8 在http文件下上传项目,在nginx/html目录下上传项目。右键html打开终端;
9 下载一个FinalShell的软件用于文件的上传。下载完后打开,然后点击文件夹的图标,在点击弹框左侧第一个按钮创建ssh链接。 名称随便写  主机服务器公网ip,链接完双击进入。在这里把打包的dist目录直接拖拽到nginx/html目录下上传就可以了。 
10 修改nginx.config文件 双击, 修改如上面一样、
11 这时候在云实例中打开的端口中进入nginx/sbin右击打开终端输入./nginx -s -reload;    再输入 ./nginx

http://www.lryc.cn/news/310664.html

相关文章:

  • 儿童悬吊训练系统:改善脑性麻痹儿童平衡感与运动能力的有效途径
  • ElasticSearch之文档的存储
  • 在Redhat 7 Linux上安装llama.cpp [ 错误stdatomic.h: No such file or directory]
  • linux 常用 命令行HTTP客户端
  • 深入理解@Param注解:用于参数映射的利器
  • OCP Secure boot必要特性
  • 全新攻击面管理平台
  • 在VMware中安装CentOS 7并配置Docker
  • Leetcoder Day37| 动态规划part04 背包问题
  • 突破编程_C++_面试(STL 编程 vector )
  • 【报名指南】2024年第九届数维杯数学建模挑战赛报名全流程图解
  • C#,哈夫曼编码(Huffman Code)压缩(Compress )与解压缩(Decompress)算法与源代码
  • JS 对象数组排序方法测试
  • 【计算机考研】408学到什么程度才能考130?
  • “智农”-农业物联网可视化
  • day03-网络编程
  • Java反射,动态代理。笔记
  • 作为团队开发组长你需要做的:
  • Windows安装Neo4j数据库教程(3.X版本)
  • 无人机飞行控制系统技术,四旋翼无人机控制系统建模技术详解
  • 程序员的金三银四求职宝典:如何在关键时期脱颖而出?
  • 分享经典、现代和前沿软件工程课程
  • 网络工程师笔记3
  • 【菜鸟入门!】Matlab零基础快速入门教程
  • 数据中心GPU集群高性能组网技术分析
  • go垃圾回收
  • 如何做代币分析:以 LEO 币为例
  • 数制和码制
  • Git Bash中安装tree
  • java开源 VR全景商城 saas商城 b2b2c商城 o2o商城 积分商城 秒杀商城 拼团商城 分销商城 短视频商城 小程序商城搭建