VUE3+VITE项目开发环境连接后端和打包部署连接后端设置是不一样的:一个是直接在vite.config.ts中配置,一是要用nginx来做代理;二是注意nginx的配置的地址后面的"/"。
在nginx文件夹中打开cmd (如果是powershell不能直接使用cmd命令: 输入cmd回车即可) 基本命令操作: 查看nginx的版本号:nginx -v 启动nginx:start nginx配置文件nginx.conf修改重装载命令:nginx -s reload 3.打包vue项目 //打包vue项目使用的指令 npm run build 4.将打包生成的dist文件放入到下载好的nginx文件中 文...
一、 使用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.将打包后...
配置文件修改重装载命令:nginx -s reload 至此一个本地并配有代理的服务器就完成了,只要在局域网内的用户都可以访问。 2020/5/18 这里补充一下,因为在生产环境打包的mock是不生效的,所以要打开发包,在package.json中写入脚本即可。"dev-build": "vue-cli-service build --mode development",可以创建.env.devel...
一、下载nginx 进入nginx官网直接下载即可:http://nginx.org/en/download.html 选择稳定版,我这里选择windows来演示: 下载完成之后,解压,进入nginx-1.24.0文件夹中,nginx目录如下: 主要文件目录介绍如下: conf:nginx的一些配置文件 html:前端的打包文件主要放在这个地方 ...
使用Vite创建一个Vue项目,点我查看如何创建 配置打包路径# 在Nginx中如果是二级目录,例如/web时,需要设置线上的打包路径 在项目跟路径下创建两个文件:.env.production、.env.development,写入一下内容: ##生产环境NODE_ENV = 'production' VITE_BASE_PATH = /form-designer/ ...
首先要去nginx官网下下载nginx: 下载地址:https://nginx.org/en/download.html 下载下来会是一个解压包,解压到你想放的文件夹下 运行nginx.exe,然后打开浏览器输入localhost出来如下图片所示就说明成功了: 然后如果没有成功出来的话也不要慌不要怕,可能是你的端口被别的内容所占了这时你就打开你的nginx的目录下...
1、调整vite.config.js配置文件 在该文件中，添加配置：base:'/project1'base:'/myapp' // 此处和...
首先我们要配置一个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/"单单访问...
简介:vue2_vite.config.js的proxy跨域配置和nginx配置代理有啥区别? 背景 vue的项目在开发到生产上线的初期最容易遇到的问题就是跨域。浏览器安全机制导致的,配置api代理只是本地的,所以经常需要再服务器的nginx做一个后端接口的nginx反向代理 vite.config.js配置代理 ...