uniapp H5 打包并部署到 nginx

uniapp 的打包首先要先配置,配置好了才能去进行打包,如图所示。 这只是第一步。 

 

注意:

1.运行基础路径最好用 ./ ,如果配置了其他请自行添加路径。

2.由于uniapp 的特性,所以导致了不支持 history 模式,只能支持 hash 模式( 路径会带 # )

3.千万千万不能勾选摇树优化( 如果项目引用了其他组件,则会报错 node模块找不到组件,实际上是由于摇树优化,裁剪了一部分没有使用的组件,导致 node模块的缺失 )

 

uniapp H5 打包并部署到 nginx

 

 

 

上面只是第一步,第二步的配置来了。

 

1. pubilcPath 的路径要和上图的运行基础路径一致,这是第一点。

2.disableHostCheck 要设置为true( 禁止访问本地host文件 )

3.router 的base,最好设置为 ./ ( 一致化,本人没有试过使用加了其他的会不会产生什么变化 )

4. domain 是服务器的地址,记得改为自己的本地地址或者是服务器的地址

5.看了下面的图之后会附上代码,可以复制粘贴。

uniapp H5 打包并部署到 nginx

 

 

 

"template" : "", "domain" : "192.168.0.74", "router" : { "mode" : "hash", "base" : "./" }, "publicPath" : "./", "devServer" : { "disableHostCheck" : true, //禁止访问本地host文件 // "https" : true, // "port" : 8080, "proxy" : { "/api" : { "target" : "http://192.168.0.202:8080", //这里使用后端服务器的地址 "changeOrigin" : true, //是否跨域 "secure" : true, // 是否支持 https 协议的代理 "pathRewrite" : { "^/api" : "" } } }, "port" : 8080, "https" : true },

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zypypz.html