首先找到自己的vue的项目然后输入命令 npm run build 他会在你的vue目录下生成一个dist文件夹里面就是你的vue的项目 然后打开这个dist文件夹把里面的内容复制下来里面会有两个文件一个是index.html是主目录还有一个是static文件夹 把他们复制下来然后打开你的nginx的目录下的html文件里面会有两个默认文件直接删掉不要...
将文件上传到服务器上进行打包和发布,Dockerfile和要打包的文件需要在同一个目录下,确保服务器上已经安装Docker环境。 Dockerfile# # Docker image for vue application# VERSION 1.0.0# Author: swcode### 基础镜像,使用nginx镜像FROMnginx#作者MAINTAINERswcode <2627311935@qq.com>#应用构建成功后的文件被复制到...
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...
首先我们要配置一个106.13.0.11:8083/qfqzApp的二级路由,针对于vue2项目,我们需要进行一下操作。 1、nginx配置(vue2和 vue3配置的nginx相同) server {listen 8083; #1.监听访问端口server_name 106.13.0.11; #2.当前服务器ip或者域名或者localhost# 这里要写成末尾不带"/"的形式,如果写成"/qfqzApp/"单单访问...
vue+vite项目部署到二级路径nginx配置方法 因为域名有限,所以想把vue项目部署在某个域名的二级路径上,例如:https://www.example.com/someapp/下 nginx的配置如下: location^~ /someapp/{ indexindex.html; alias/opt/someapp/; try_files$uri$uri/ /someapp/index.html;...
检查服务器配置是否支持二级目录下的资源访问: 如果你的服务器配置不正确,即使 Vite 打包和引用路径都没有问题,资源文件也可能无法加载。确保你的服务器(如 Nginx、Apache 等)配置了正确的重写规则或别名,以支持二级目录下的资源访问。 例如,在 Nginx 中,你可以添加如下配置来支持二级目录: nginx server { listen...
1、先配置nginx:2、在路由中添加 注意如果是ts文件的话，如果默认有生成js的话要查看对应的js是否有加上目录，否则设置会无效。3、在vite.config.ts文件中添加
1、先配置nginx: 2、在路由中添加 注意如果是ts文件的话,如果默认有生成js的话要查看对应的js是否有加上目录,否则设置会无效。3、在vite.config.ts文件中添加
vite启动dev的项目,在nginx做代理的时候,二级目录尾要加/ vite dev开发启动的时候, url最后不加/,系统不能使用,所以代理的时候,没加/,代理跳转过去,就回导致页面加载不出来,js也加载不出来。导致页面加载失败。 # vite 启动的dev项目 注意二级域名后要加/ locat
(感觉有点打脸,说好了不要将配置散落在各处) yarn build --base=/yourbaseurl/ 2. 在nginx反向代理中加上 本地的server proxy可能是 '/yourprefix/api/xxxx/' 线上nginx里就要 '^~/baseurl/yourprefix/api/xxxx/' 至此各个坑终于填平,如果大家看到我的解决方式有问题或者有更好的方式欢迎大家留言!编辑...