server配置 5 部署后的访问地址 http://xxx/child/rqy_bed/
在vite.config.js中配置base属性,打开配置文件: import{ defineConfig, loadEnv }from'vite'importvuefrom'@vitejs/plugin-vue'// https://vitejs.dev/config/exportdefaultdefineConfig(({ mode }) =>{// 获取 .env 环境配置文件constenv =loadEnv(mode, process.cwd());return{base: env.VITE_BASE_PATH...
1、nginx配置(vue2和 vue3配置的nginx相同) server {listen 8083; #1.监听访问端口server_name 106.13.0.11; #2.当前服务器ip或者域名或者localhost# 这里要写成末尾不带"/"的形式,如果写成"/qfqzApp/"单单访问106.13.0.11:8083/qfqzApp会404location /qfqzApp {alias /usr/web/qfqz/dist/; # 这里配置al...
评论支持部分 Markdown 语法:**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。 注册登录 获取验证码 新手机号将自动注册 登录 微信登录免密码登录密码登录 继续即代表同意《服务协议》和《隐私政策》...
1、先配置nginx: 2、在路由中添加 注意如果是ts文件的话,如果默认有生成js的话要查看对应的js是否有加上... qiulibi阅读 2,610评论 0赞 1 nginx部署vue项目,使用域名二级目录 首先,配置vue项目打包路径 1. vue.config.js 2. 配置vue-router 3. run bu... 忘川之曼殊沙华阅读 2,719评论 0赞 0 nginx...
nginx的配置如下: location ^~ /someapp/ { index index.html; alias /opt/someapp/; try_files $uri $uri/ /someapp/index.html; } 在/opt/下新建someapp目录,里面放的就是vue项目打包后的html文件 修改路由文件:router/index.js,主要是history那边需要修改 ...
第一个地方:vite.config.ts(注意alias) import{defineConfig,loadEnv,ConfigEnv}from"vite";importvuefrom"@vitejs/plugin-vue";import{resolve}from"path";// https://vitejs.dev/config/exportdefaultdefineConfig(({command,mode})=>{// Load env file based on `mode` in the current working directory....
创建vite + vue3 项目的命令流程: // 初始化项目,并命名npminit@vitejs/app test-vue3// 选择框架,此处选了vue// 选择模板,此处选了vue,可以选择 vue-ts// 运行项目cd test-vue3 npm install npm run dev 项目目录结构: 和vue2的项目结构差不多,主要是两个变化: ...
vue3前端自动化配置路由离不开vue-router的使用,主要时使用router进行加载vue文件 💖引入vite版本自定义目录映射 package.json { "name": "vuejs-with-vite", "author": "yma16", "version": "0.0.0", "scripts": { "dev": "vite", "build": "vite build", ...
首先根据官网的命令创建项目 > npm init vue@latest 把index.html从根目录移到src project │ │ └───src │ │ index.html │ │ ... │ └───vite.config.js 然后更改vite.config.js import{fileURLToPath,URL}from"node:url";import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue...