vue 工程打包:
-
vue.config.js 配置文件 publicPath: ‘/’ 修改成 publicPath: ‘./’
-
router.js 实例中mode 修改成’hash’
-
指定打包操作
npm run buid:prod
根目录下生成文件格式如下:
windows安装nginx并部署vue工程:
官网下载nginx: nginx.org
下载,选择windows版本,生成nginx-1.19.6.zip,并解压。
(1) 进入解压目录:
cd nginx-1.19.6
(2) 启动nginx, 后台查看nginx进程:
start nginx.exe
tasklist /fi "imagename eq nginx.exe"
nginx -t -c conf/nginx.conf
(3) 修改nginx/config/nginx.conf 文件
server listen 访问端口设置,注意测试端口占用情况 localtion root :站点目录;
本人使用的默认的html目录,可以根据实际情况进行修改。
(4) 将vue 打包完成的站点放入html目录下:
(5) 重启nginx
nginx -s reload
(6) 浏览器访问
http://localhost:8800/eladmin/index.html#/dashboard