将文件上传到服务器上进行打包和发布,Dockerfile和要打包的文件需要在同一个目录下,确保服务器上已经安装Docker环境。 Dockerfile# # Docker image for vue application# VERSION 1.0.0# Author: swcode### 基础镜像,使用nginx镜像FROMnginx#作者MAINTAINERswcode <2627311935@qq.com>#应用构建成功后的文件被复制到...
一、 使用Vite创建Vue3项目 1.全局安装vite，使用命令npm install vite -g 2.创建vue3项目，使用命令 npm create vite@latest ,确认项目名 称，选择Vue及TypeScript 3. 使用用vscode打开项目，运行命令 npm install npm run dev 4.整个项目目录结构如下：5.访问页面 二、将打包项目发布到Nginx 1.将打包后...
1、先配置nginx: 2、在路由中添加 注意如果是ts文件的话,如果默认有生成js的话要查看对应的js是否有加上... qiulibi阅读 2,598评论 0赞 1 nginx部署vue项目,使用域名二级目录 首先,配置vue项目打包路径 1. vue.config.js 2. 配置vue-router 3. run bu... 忘川之曼殊沙华阅读 2,712评论 0赞 0 nginx...
首先找到自己的vue的项目然后输入命令 npm run build 他会在你的vue目录下生成一个dist文件夹里面就是你的vue的项目 然后打开这个dist文件夹把里面的内容复制下来里面会有两个文件一个是index.html是主目录还有一个是static文件夹 把他们复制下来然后打开你的nginx的目录下的html文件里面会有两个默认文件直接删掉不要...
首先我们要配置一个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/"单单访问...
近期做一个单点登录项目,vue3+vite4打包项目,用nginx做二级目录代理托管项目。 问题描述 打包好项目发布上传到 nginx 后,浏览器访问,出现一下报错信息: Failed to load module script:Expected a JavaScript module script but the server respondedwithaMIMEtypeof"text/html".StrictMIMEtype checking is enforcedfor...
一、下载nginx 进入nginx官网直接下载即可:http://nginx.org/en/download.html 选择稳定版,我这里选择windows来演示: 下载完成之后,解压,进入nginx-1.24.0文件夹中,nginx目录如下: 主要文件目录介绍如下: conf:nginx的一些配置文件 html:前端的打包文件主要放在这个地方 ...
1、先配置nginx:2、在路由中添加 注意如果是ts文件的话，如果默认有生成js的话要查看对应的js是否有加上目录，否则设置会无效。3、在vite.config.ts文件中添加
参考文档:https://router.vuejs.org/zh/api/#createwebhistory 修改完成后,跳转正确: 3.访问页面子路由后刷新页面404; 解决方案:修改nginx配置文件 修改后刷新对应的路由均可以访问正常: 4.访问页面子路由后刷新页面500; 这种情况一般是nginx用的root指向部署文件路径导致多出一层目录,访问不到文件而报错,我一般用...
修改router,增加base地址 {代码...} 增加base配置,加载静态资源(vite.config.ts) {代码...} 修改nginx {代码...}