创建nginx.conf配置文件,基于location实现二级访问目录,修改配置信息: worker_processes1;events{worker_connections1024; }http{includemime.types;default_typeapplication/json;sendfileon;keepalive_timeout65;server{listen80;server_namelocalhost;location/ {root/usr/share/nginx/html;indexindex.html index.htm; }l...
首先找到自己的vue的项目然后输入命令 npm run build 他会在你的vue目录下生成一个dist文件夹里面就是你的vue的项目 然后打开这个dist文件夹把里面的内容复制下来里面会有两个文件一个是index.html是主目录还有一个是static文件夹 把他们复制下来然后打开你的nginx的目录下的html文件里面会有两个默认文件直接删掉不要...
vue+vite项目部署到二级路径nginx配置方法 因为域名有限,所以想把vue项目部署在某个域名的二级路径上,例如:https://www.example.com/someapp/下 nginx的配置如下: location^~ /someapp/{ indexindex.html; alias/opt/someapp/; try_files$uri$uri/ /someapp/index.html; } 在/opt/下新建someapp目录,里面放...
1、先配置nginx: 2、在路由中添加 注意如果是ts文件的话,如果默认有生成js的话要查看对应的js是否有加上... qiulibi阅读 2,602评论 0赞 1 nginx部署vue项目,使用域名二级目录 首先,配置vue项目打包路径 1. vue.config.js 2. 配置vue-router 3. run bu... 忘川之曼殊沙华阅读 2,715评论 0赞 0 nginx...
https:xxx/二级目录/来放访问项目 思路 将项目中的访问路由和静态资源文件,都加上要配置的二级目录,然后配置nginx的二级目录就ok了 首先我们要配置一个106.13.0.11:8083/qfqzApp的二级路由,针对于vue2项目,我们需要进行一下操作。 1、nginx配置(vue2和 vue3配置的nginx相同) ...
检查服务器配置是否支持二级目录下的资源访问: 如果你的服务器配置不正确,即使 Vite 打包和引用路径都没有问题,资源文件也可能无法加载。确保你的服务器(如 Nginx、Apache 等)配置了正确的重写规则或别名,以支持二级目录下的资源访问。 例如,在 Nginx 中,你可以添加如下配置来支持二级目录: nginx server { listen...
vite启动dev的项目,在nginx做代理的时候,二级目录尾要加/ vite dev开发启动的时候, url最后不加/,系统不能使用,所以代理的时候,没加/,代理跳转过去,就回导致页面加载不出来,js也加载不出来。导致页面加载失败。 # vite 启动的dev项目 注意二级域名后要加/ locat
1、先配置nginx:2、在路由中添加 注意如果是ts文件的话，如果默认有生成js的话要查看对应的js是否有加上目录，否则设置会无效。3、在vite.config.ts文件中添加
1、先配置nginx: 2、在路由中添加 注意如果是ts文件的话,如果默认有生成js的话要查看对应的js是否有加上目录,否则设置会无效。3、在vite.config.ts文件中添加
(感觉有点打脸,说好了不要将配置散落在各处) yarn build --base=/yourbaseurl/ 2. 在nginx反向代理中加上 本地的server proxy可能是 '/yourprefix/api/xxxx/' 线上nginx里就要 '^~/baseurl/yourprefix/api/xxxx/' 至此各个坑终于填平,如果大家看到我的解决方式有问题或者有更好的方式欢迎大家留言!编辑...