vue跨域解决及打包

打包之前需要修改如下配置文件：

配置文件一：build>>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件（图片路径失效）的问题)

配置文件二：config>>>index.js(修改assetsPublicPath:'./' ,修改目的是为了解决js找不到的问题)

在控制台终端输入npm run build执行后自动生成dist文件夹；打包丢给运维 or 后台部署完事。。。

另外nginx的需要自行配置的按图就行具体看文档

重启输入命令./nginx -s reload 即可；然后就可以看到页面了；

转载于:https://www.cnblogs.com/lhl66/p/9522715.html

vue跨域解决及打包相关推荐

vue跨域解决的几种方案
vue跨域解决的几种方案一.开发环境解决跨域方法平时使用vue开发的时候,大多会使用vue-cli搭建项目,在vue-cli搭建的项目中有一个配置文件vue.config.js,可以在该文件中进行 ...
CORS了解与VUE跨域解决
1.CORS了解 CORS通信得关键地方就是服务器,只要服务器实现了CORS接口,就可以实现跨域通信浏览器将CORS请求分为两大类:简单请求.非简单请求简单请求基本介绍同时满足以下条件就是简单 ...
vue跨域问题解决方法
vue跨域解决方法 vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报"No 'Access-Control-Allow-Origin' ...
Vue 跨域下载或读取文件
image.png 下载文件 export async function download(file_url, file_name) {let res = await Axios({method: & ...
vue跨域 Uncaught (in promise) Proxy error: Could not proxy request xxx from xxx to xxx (EPROTO)解决办法
vue跨域 (EPROTO)解决办法最初看到这个错误,我是一头雾水,修改了无数次vue代理服务器(devServer)的配置,也再三确认了服务器上接口的正确性.直到看到了错误码. 网络上大部分的错误 ...
22-CMS前端页面查询开发-Api调用-跨域解决
跨域问题解决测试上边的代理 ,结果报错如下 : No 'Access-Control-Allow-Origin' header is present on the requested resou ...
vue一级分类和耳机分类_【Vue+DRF生鲜电商】10.商品分类层级获取，Vue跨域请求商品分类...
欢迎访问我的博客专题源码可访问 Github 查看 DRF实现商品分类获取实现商品分类层级结构显示商品类别ViewSet 在商品类别中,不需要对类别进行分页,因为类别的数据量不大,只要在数据量很 ...
vue 跨域问题 - 总结篇
引言: 由于vue-resourece官方停止维护,所以转向了axios,github上一万三千多的star, 足以证明其强大. axios 默认不发送cookie,跨域也是一个原因,需要全局设置. ...
Nginx跨域解决配置示例
简介在日常学习和工作开发中,需要请求两个不同配置的请求经常存在,本文介绍如果还使用Nginx配置解决其跨域问题相关理论首先需要了解什么是跨域,下面的两个文章说的很好,请仔细阅读后,然后自己去动手 ...

vue跨域解决及打包

vue跨域解决及打包相关推荐

最新文章

热门文章