解决vue部署到服务器请求接口404问题
第一步安装node环境第二步使用npm 安装pm2上传node安装包 安装项目各个模块 使用node server.js检测安装包最后使用pm2 start server.js (到node项目目录)安装宝塔管理工具在宝塔里面安装所需要的模块(nginx mongodb 等)在宝塔里面新建一个文...
·
-
第一步安装node环境
-
第二步使用npm 安装pm2
-
上传node安装包 安装项目各个模块 使用node server.js检测安装包
-
最后使用pm2 start server.js (到node项目目录)
-
安装宝塔管理工具
-
在宝塔里面安装所需要的模块(nginx mongodb 等)
-
在宝塔里面新建一个文件夹上传vue项目
-
配置nginx 我的vue本地跨域是
-
在nginx配置如图
-
server { listen 8080; server_name www.anhuione.cn; index index.html index.htm index.php; root /www/wwwroot/dist/; #error_page 404 /404.html; include enable-php.conf; location / { try_files $uri $uri/ /index.html; } location /api{ proxy_pass http://www.anhuitwo.cn:3000; add_header Content-Type "text/plain;charset=utf-8"; add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET, POST'; }
-
访问使用 www.anhuione.cn:8080
-
跨域文件vue.config.js
-
链接:https://pan.baidu.com/s/10iS2wTgPn1mObwFpCphQ8g 提取码:r7ry
-
更多推荐
已为社区贡献7条内容
所有评论(0)