vue-element-admin常用配置

最新推荐文章于 2025-09-25 11:29:04 发布

原创最新推荐文章于 2025-09-25 11:29:04 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

Vue.js 专栏收录该内容

4 篇文章

订阅专栏

本文档详细介绍了在使用Vue.js进行项目开发时遇到的常见问题解决方案，包括修改端口号以避免冲突，调整publicPath设置以适应不同部署环境，以及通过配置代理解决跨域请求难题。适用于希望优化Vue项目部署流程的前端开发者。

访问与端口号问题

npm run dev启动项目的端口号

修改package.json

{
  "scripts": {
    "dev": "vue-cli-service serve --port 8107"
  }
)

打包后空白页面的问题

如果是放在虚拟目录下，修改vue.config.js文件配置的项目路径，然后重新打包

module.exports = {
	publicPath: './'
}

跨域问题

修改vue.config.js

module.exports = {
  assetsDir: "h5",
  devServer:{
	  proxy:{
		  "/" : {
			  ws: true,  // 跨域使用WS
			  target: "http://主机:nginx端口/",
			  changeOrigin: true
		  },
		  "/wechat" : {
			  ws: true,  // 跨域使用WS
			  target: "http://主机:nginx端口/wechat",
			  changeOrigin: true
		  },
		  "/index" : {
			  ws: true,  // 跨域使用WS
			  target: "http://主机:nginx端口/index",
			  changeOrigin: true
		  }
	  }
  }
}