请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

欣东微医疗技术论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 35|回复: 0

Vue-router+webpack单页项目服务器部署(nginx)

[复制链接]

242

主题

285

帖子

3万

积分

论坛元老

Rank: 8Rank: 8

积分
36733
发表于 2018-5-14 16:47:09 | 显示全部楼层 |阅读模式
部署项目目录结构如下:


1.首先修改config文件夹下的index.js 配置文件,将文件内的assetsPublicPath: '/'修改为 assetsPublicPath: './'





2.在router文件夹下的index.js路由配置中加上:
mode: 'history', // 路由模式,此处为history模式,需修改nginx配置文件
base: '/', // 路由基目录



3.命令行执行npm run build 生成布署文件,并将文件上传到服务器



4.修改nginx的配置文件(mode为history模式)
根据官方文档nginx只需在nginx.conf配置文件里加入 try_files $uri $uri/ /index.html;重启服务器即可。

我的nginx配置文件如下:




项目访问主页面:


项目访问子页面:

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|eastwill.org ( 辽ICP备17018600号

GMT+8, 2018-5-24 04:23 , Processed in 0.028067 second(s), 14 queries , Apc On.

Powered by Eastwill! X3.2

© 2001-2013 Eastwill Inc.

快速回复 返回顶部 返回列表