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

北京seo优化诊断网站优化该怎么做

北京seo优化诊断,网站优化该怎么做,如何制作活动宣传网页,wordpress主题教程黄聪http://www.your-server.com/ 这是一级目录,由于项目多,一般会通过二级域名http://oa.your-server.com/或二级目录http://www.your-server.com/oa来发布,本篇记录一下二级目录发布。先看效果 1、router/index.js配置base export default new …

·http://www.your-server.com/ 这是一级目录,由于项目多,一般会通过二级域名http://oa.your-server.com/或二级目录http://www.your-server.com/oa来发布,本篇记录一下二级目录发布。先看效果

1、router/index.js配置base

        

export default new Router({base: "/oa",mode: 'history', // 去掉url中的#scrollBehavior: () => ({y: 0}),routes: constantRoutes
})

 2、vue.config.js 配置 publicPath

    .env.prod 配置

# 后端API 转发uri
VUE_APP_BASE_API = '/oa/api'# 二级目录配置
PUBLIC_PATH = '/oa'

    vue.config.js 配置

module.exports = {// 默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上publicPath: process.env.PUBLIC_PATH ? process.env.PUBLIC_PATH : '/',// 在npm run build 或 yarn build 时 ,生成文件的目录outputDir: 'dist/oa',// 用于放置生成的静态资源 (js、css、img、fonts)目录, 相对于 outputDirassetsDir: 'static',}

3、vue 项目打包

npm run build:prod

4、将生成目录dist打包为dist.zip上传到服务器目录/home/,并完成解压

        

[root@hcss-ecs home]# ll dist
total 4
drwxr-xr-x 5 root root 4096 Apr  6 21:51 oa
[root@hcss-ecs home]# ll dist/oa/
total 48
-rw-r--r-- 1 root root 14336 Apr  6 21:51 favicon.ico
drwxr-xr-x 2 root root  4096 Apr  6 21:51 html
-rw-r--r-- 1 root root 11038 Apr  6 21:51 index.html
-rw-r--r-- 1 root root  3601 Apr  6 21:51 index.html.gz
drwxr-xr-x 3 root root  4096 Apr  6 21:51 libs
-rw-r--r-- 1 root root    26 Apr  6 21:51 robots.txt
drwxr-xr-x 6 root root  4096 Apr  6 21:51 static
[root@hcss-ecs home]# 

5、配置Nginx

        location / { ## nginx 默认配置root   /usr/share/nginx/html/;index  index.html index.htm;try_files $uri $uri/ /index.html;}location /oa { ## 前端oa项目# root   /usr/share/nginx/html/;root    /home/dist/;index  index.html index.htm;try_files $uri $uri/ /oa/index.html; ## 重要!!!注意二级目录}location /oa/api/ { ## 后端项目 - 管理后台proxy_pass http://localhost:48080/;  ## 重要!!!设置为后端项目所在服务器的 IPproxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}

6、重启nginx 服务

service nginx restart

7、启动成功!

        二级目录页面,点击浏览器刷新也能正常访问,发布成功。

        一级页面,nginx 默认页面正常展示

总结:

        几个关键的URL 不能错,不要多加/,可能会导致static页面无法加载,或刷新后页面发生不符合预期跳转。

http://www.yayakq.cn/news/665542/

相关文章:

  • 网站是由什么构成的中软国际软件培训
  • 基于php的网站开发流程做网站怎样用链接赚钱
  • 第一模板网站上的模板怎么下载举一个网络营销的例子
  • 整套html企业网站模板装修网站免费
  • 网站域名怎么看网站建设投入及费用
  • 泉州网站提升排名青岛物流公司网站建设
  • 广东省医院建设协会网站首页游戏云电脑
  • 网站ui设计之道做电商网站要备案吗
  • 白城市网站建设如何推广我的网站
  • 网站诊断分析案例网站的建设成本
  • 江阴高新区建设促进服务中心网站分销系统app
  • 建设网站网址是多少做网站源码要给客户嘛
  • 平面设计可以做网站WordPress用quic协议
  • 北京建设网站官网动态设计网站
  • wordpress上传网站模板阳谷网站建设公司
  • 湛江做建站软仿网站上传页面
  • 手机应用下载网站源码南阳高端网站建设
  • 郑州做网站公司 卓美系统管理软件下载
  • 成都推广网站多少钱嘉定企业网站开发
  • 马鞍山网站建设费用建一个网站流程
  • 开发网站需要什么硬件网站私信界面
  • 做的网站缩小内容就全乱了wordpress顶部公告
  • ps切片工具做网站网站描述应该怎么写
  • 太仓违章建设举报网站网站信息管理系统
  • 网站服务器不稳定怎么办竞价托管代运营公司
  • 做网站设计用什么软件最好免费ppt模板下载医学
  • 济南网站建设公司排行如何建个人网站视频
  • 网站导航栏下拉菜单百度收录多的是哪些网站
  • python3 网站开发入门大学生网页设计作品图片
  • 网站要什么自建网站平台有哪些