vue3项目部署到服务器
时间: 2023-09-05 14:07:33 浏览: 158
回答: 将Vue3项目部署到服务器需要注意一些配置和问题。首先,你需要配置Nginx服务器来处理跨域问题。跨域处理应该放在Nginx中,而不是在前端的vue.config.js中。这是因为前端和后端是分开部署到服务器上的,为了让后端可以接收到前端的请求,需要搭建起前端和后端的连接。\[3\]
其次,你需要在vue.config.js中进行一些配置。如果没有vue.config.js文件,你可以在根目录创建一个,并添加以下内容:
```javascript
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
})
```
这些配置可以帮助你解决路由失效的问题。\[2\]
最后,需要注意的是,向服务器发送请求并不能改变代码层面的配置。所以,不要误以为配置了服务器的history,就能在页面中使用history。这是一个常见的误区。\[1\]
希望以上信息对你有帮助!
#### 引用[.reference_title]
- *1* *2* [vue3项目打包到上线到云服务器遇到的种种问题](https://blog.csdn.net/u012147066/article/details/129103654)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue3 + springboot 简单部署到Windows服务器以及可能遇到的问题](https://blog.csdn.net/challenglistic/article/details/125973296)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文