nginx中怎么部署访问vue-cli搭建的项目

发布时间 - 2023-05-28 00:00:00    点击率:

用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_pass http://mixVueServer;#根据后端语言做反向代理处理跨域问题 
    proxy_set_header  Host  $host; 
    proxy_set_header  X-Real-IP  $remote_addr; 
  } 
   
    error_page  500 502 503 504 /50x.html; 
    location = /50x.html { 
      root  html; 
    } 
  }


# nginx  # 的是  # 官网  # 后端  # 具体做法  # class  # brush  # toolbar  # pre  # php  # mixVueServer 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何确保西部建站助手FTP传输的安全性?  如何在 Telegram Web View(iOS)中防止键盘遮挡底部输入框  Laravel队列任务超时怎么办_Laravel Queue Timeout设置详解  ChatGPT常用指令模板大全 新手快速上手的万能Prompt合集  Laravel如何记录自定义日志?(Log频道配置)  如何为不同团队 ID 动态生成多个独立按钮  微信h5制作网站有哪些,免费微信H5页面制作工具?  如何在阿里云域名上完成建站全流程?  html5的keygen标签为什么废弃_替代方案说明【解答】  laravel怎么配置和使用PHP-FPM来优化性能_laravel PHP-FPM配置与性能优化方法  详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)  三星、SK海力士获美批准:可向中国出口芯片制造设备  Laravel怎么多语言本地化设置_Laravel语言包翻译与Locale动态切换【手册】  中山网站推广排名,中山信息港登录入口?  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理  如何在云服务器上快速搭建个人网站?  Laravel Vite是做什么的_Laravel前端资源打包工具Vite配置与使用  浅析上传头像示例及其注意事项  悟空识字如何进行跟读录音_悟空识字开启麦克风权限与录音  Laravel如何创建自定义Facades?(详细步骤)  HTML5空格和nbsp有啥关系_nbsp的作用及使用场景【说明】  Laravel如何实现用户密码重置功能?(完整流程代码)  Laravel如何与Inertia.js和Vue/React构建现代单页应用  Laravel事件和监听器如何实现_Laravel Events & Listeners解耦应用的实战教程  JS经典正则表达式笔试题汇总  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站?  html如何与html链接_实现多个HTML页面互相链接【互相】  如何有效防御Web建站篡改攻击?  高端建站三要素:定制模板、企业官网与响应式设计优化  如何为不同团队 ID 动态生成多个非值班状态按钮  如何制作一个表白网站视频,关于勇敢表白的小标题?  如何快速生成凡客建站的专业级图册?  ai格式如何转html_将AI设计稿转换为HTML页面流程【页面】  Laravel Eloquent性能优化技巧_Laravel N+1查询问题解决  iOS验证手机号的正则表达式  Bootstrap CSS布局之列表  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样?  如何快速生成专业多端适配建站电话?  Laravel如何实现邮件验证激活账户_Laravel内置MustVerifyEmail接口配置【步骤】  Android利用动画实现背景逐渐变暗  php做exe能调用系统命令吗_执行cmd指令实现方式【详解】  JavaScript中的标签模板是什么_它如何扩展字符串功能  lovemo网页版地址 lovemo官网手机登录  Android中Textview和图片同行显示(文字超出用省略号,图片自动靠右边)  微信小程序 五星评分(包括半颗星评分)实例代码  php读取心率传感器数据怎么弄_php获取max30100的心率值【指南】  如何获取上海专业网站定制建站电话?  如何快速搭建FTP站点实现文件共享?  网站制作壁纸教程视频,电脑壁纸网站?