开发者社区开发与运维文章正文

vue打包部署问题

2024-05-10 41

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： Vue项目`vue.config.js`中，`publicPath`设定为"/h5/party/pc/"，在线环境基于打包后的`dist`目录，而非Linux的`/root`。Nginx代理配置位于`/usr/local/nginx/nginx-1.13.7/conf`，包含两个相关配置图。

因为vue项目配置文件 vue.config.js 资源路径是 /h5/party/pc/

/h5/party/pc 在线上环境中不是指向 linux 的 /root 目录下

而是以 vue的打包文件 dist 为根目录，在dist 文件下的 /h5/party/pc/

publicPath: process.env.NODE_ENV === "production" ? "/h5/party/pc/" : "/h5/party/pc/",

nginx代理配置

/usr/local/nginx/nginx-1.13.7/conf

文章标签：

JavaScript

移动开发

应用服务中间件

nginx

Linux

关键词：

部署VUE.js

vue部署VUE.js

vue打包部署VUE.js

打包部署VUE.js

1529723250799936

人间真情在哪儿

6天前

JavaScript

vue消息订阅与发布

人间真情在哪儿

112 59 59

小王老师呀

2天前

JavaScript

理解 Vue 的 setup 应用程序钩子

【10月更文挑战第3天】`setup` 函数是 Vue 3 中的新组件选项，在组件创建前调用，作为初始化逻辑的入口。它接收 `props` 和 `context` 两个参数，内部定义的变量和函数需通过 `return` 暴露给模板。`props` 包含父组件传入的属性，`context` 包含组件上下文信息。`setup` 可替代 `beforeCreate` 和 `created` 钩子，并提供类似 `data`、`computed` 和 `methods` 的功能，支持逻辑复用和 TypeScript 类型定义。

小王老师呀

20 11 11

刘大猫.

5天前

JavaScript

vue尚品汇商城项目-day07【vue插件-50.（了解）表单校验插件】

刘大猫.

14 4 4

刘大猫.

5天前

JavaScript

vue尚品汇商城项目-day07【51.路由懒加载】

刘大猫.

15 4 4

刘大猫.

5天前

JavaScript

vue尚品汇商城项目-day07【vue插件-54.（了解）生成二维码插件】

刘大猫.

14 2 2

凌浩雨

JavaScript 测试技术容器

Vue2+VueRouter2+webpack 构建项目

1). 安装Node环境和npm包管理工具检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.

凌浩雨

1039 0 0

杀死一只知更鸟debug

8天前

JavaScript

vue组件中的插槽

本文介绍了Vue中组件的插槽使用，包括单个插槽和多个具名插槽的定义及在父组件中的使用方法，展示了如何通过插槽将父组件的内容插入到子组件的指定位置。

杀死一只知更鸟debug

18 1 1

游客qeoynko2nmbgk

6天前

JavaScript 前端开发 IDE

Vue学习笔记5：用Vue的事件监听实现数据更新的实时视图显示

游客qeoynko2nmbgk

27 7 7

游客qeoynko2nmbgk

6天前

JavaScript 前端开发 API

Vue学习笔记4：用reactive() 实现数据更新的实时视图显示

游客qeoynko2nmbgk

24 5 7

游客qeoynko2nmbgk

6天前

JavaScript 前端开发

Vue学习笔记8：解决Vue学习笔记7中用v-for指令渲染列表遇到两个问题

游客qeoynko2nmbgk

16 5 5

vue打包部署问题

热门文章

最新文章

相关课程

相关电子书

相关实验场景