首页 > 其他分享 >vue3 门户网站搭建2-ngnix

vue3 门户网站搭建2-ngnix

时间:2023-02-21 08:45:39浏览次数:50  
标签:界面 门户网站 ngnix 文件夹 conf vue3 路由

路由配好了,需要调试下 build 后是否可用,这时我们需要一个服务端来运行静态网页。

官网直接下载一个 windows 版本的 ngnix 即可:

http://nginx.org/en/download.html

 

下载解压后:

 

命令行到此路径,启动 ngnix:

 

默认 80 端口:

 

常用配置在 conf 文件夹下 nginx.conf 中:

 

location 即为入口文件夹及主界面,静态资源可以直接放入 html 文件夹中:

 

此时访问 80 端口即可获取前端界面:

 

但是切换到其他路由界面,就会出现访问不到的情况

 

这是因为单页面应用路由被服务器解析成了获取文件地址,所以会报 404 找不到。可以通过配置 解决:

 

再重启下 ngnix 

 

稍等一下,再刷新界面即可

标签:界面,门户网站,ngnix,文件夹,conf,vue3,路由
From: https://www.cnblogs.com/guofan/p/17130684.html

相关文章

  • Vue3之v-show不能放置于自定义组件
    控制台警告Runtimedirectiveusedoncomponentwithnon-elementrootnode.Thedirectiveswillnotfunctionasintended.原因意思是自定义指令不能放到组件上,而......
  • vue3 reactive值不更新
    即上一个随笔里面的form表单数据定义的问题之后,又出现了另一个问题。页面里面有一个数组:letruleForm=reactive([  {name:'123456'}])......
  • vue3中对于/deep/和::v-deep的警告信息处理
    目前发现两处警告信息:::v-deepusageasacombinatorhasbeendeprecated.Use:deep()instead.the>>>and/deep/combinatorshavebeendeprecated.Use:deep()......
  • 若依框架 -------- vue3+element-plus(四)
    后端管理系统,前后端分离的框架若依管理后台,来看下vue3+element-plus版本。实现一个页面定义api请求gatewayPath分布式网关定义importrequestfrom'@/utils/request'impor......
  • 若依框架 -------- vue3+element-plus(三)
    后端管理系统,前后端分离的框架若依管理后台,来看下vue3+element-plus版本。静态文本assetsassets静态img、svg、stylemain.js ​​import'@/assets/styles/index.scss'/......
  • 若依框架 -------- vue3+element-plus(二)
    后端管理系统,前后端分离的框架若依管理后台,来看下vue3+element-plus版本。API后台接口请求user.js//查询用户列表exportfunctionlistUser(query){returnrequest({......
  • typescript+vue3使用vue-ls
    npmivue-ls新建storage.tsimportStoragefrom'vue-ls';constoptions={namespace:'vuejs__',//keyprefixname:'ls',//namevariableVue.[ls]ort......
  • 基于Vue3+TS的Monorepo前端项目架构设计与实现
    写在前面你好,我是前端程序员鼓励师岩家兴!去年在另一个项目https://juejin.cn/post/7121736546000044046中,我向读者朋友们介绍了结合npm包管理工具yarn作vue3项目的monorep......
  • Vue3集成axios分环境调用
    版本node16.18.0Vue3配置基础环境安装axiosnpminstallaxios编写dev与prod环境文件devNODE_ENV='development'prodNODE_ENV='production'动......
  • Vue3根据菜单动态生成路由
    前言学无止境,无止境学。大家好,我是张大鹏,之前在抖音有5万多粉丝,不过现在不拍视频,专心写公众号了。笔者目前是高级Python工程师,之前是全栈工程师,主要擅长Golang和Python开......